.container, .head_main, .wrap {
padding-right: 15px;
padding-left: 15px;
margin: 0 auto;
}

@media (min-width: 768px) {
.wrap, .container {
width: 750px;
}
}

@media (min-width: 992px) {
.wrap, .container, .head_main {
width: 970px;
}
}

@media (min-width: 1260px) {
.wrap, .container, .head_main {
width: 1230px;
}
}

@media (min-width: 1460px) {
.container, .head_main {
width: 1400px;
padding: 0;
}
}

@media (min-width: 1920px) {
.head_main {
width: 1400px;
padding: 0;
}
}

.lheader-top {
z-index: 1000;
position: fixed;
top: 0px;
height: 36px;
width: 100%;
background: #1a1a1a;
}

.header {
z-index: 30;
position: fixed;
top: 36px;
height: 70px;
width: 100%;
background: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}
/*===============����==============*/
.header .logo {
display: inline-block;
margin: 20px 0;
float: left;
}

.logo1 {
margin: 33.5px 0;
float: left;
height: 33px;
}

.logo1 img {
display: block;
height: 100%;
}

.navbar {
/*float: left;*/
margin-left: 120px;
}

@media (max-width:1460px) {
.navbar {
margin-left: 55px;
}
}

.navbar * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.category-item {
float: left;
padding: 0 28px;
}

.category-item-single {
position: relative;
}

.category-a {
display: block;
font-size: 16px;
line-height: 70px;
color: #333;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
position: relative;
padding: 0;
}

.category-a::after {
content: '';
width: 0;
height: 3px;
background: #e62129;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .8s;
-o-transition: all .8s;
transition: all .8s;
}

.category-item.active .category-a::after, .category-item:hover .category-a::after {
width: 100%;
}

.category-item.active .category-a, .category-item:hover .category-a {
color: #e62129;
font-weight: bold;
}

.dropdown-menu {
position: absolute;
top: 100%;
z-index: 1100;
background-color: rgba(255,255,255,1);
border-top: 1px solid #dae1e6;
-webkit-transition: none;
-o-transition: none;
transition: none;
height: auto;
display: none;
overflow: hidden;
width: 100%;
left: 0;
margin-top: 0;
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
}

.dropdown-menu.single {
width: 300px;
left: 50%;
transform: translateX(-50%);
}

.category-item:hover .dropdown-menu {
opacity: 1;
display: block;
visibility: visible;
}

.category-item:hover .dropdown-menu.single {
max-height: 450px;
opacity: 1;
}

.dropdown-menu ul {
padding: 40px 0;
}

.dropdown-menu li {
float: left;
padding: 0 90px 0 0;
min-height: 260px;
width: 29%;
}

.dropdown-menu li.dropdown-img {
width: 33.4%;
}

.dropdown-img1 {
width: 100%;
}

.dropdown-img1 img {
width: 100%;
}

.dropdown-menu li:first-child {
padding-left: 0;
}



.dropdown-tit {
display: block;
margin-bottom: 6px;
font-size: 24px;
color: #242e38;
line-height: 40px;
font-family: 'semi';
}

.dropdown-dec {
display: block;
font-size: 14px;
color: #666;
line-height: 41px;
padding: 0px 10px 0px 110px;
margin-bottom: 35px;
/*border-bottom: 1px solid #d3d3d3;*/
background: url(../image/dorpdown-dot.png)no-repeat center left 70px;
position: relative;
}

.dropdown-dec::before {
content: "";
position: absolute;
width: 0;
height: 1px;
/* background: #e62129;*/
bottom: -1px;
left: 50%;
transform: translateX(-50%);
transition: ease .5s;
}

.dropdown-dec:hover::before {
width: 100%;
}

.dropdown-dec:hover i {
color: #e62129;
}

.dropdown-dec i {
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
/*float: right;*/
margin-left: 5px;
}

.dropdown-menu li a:last-child {
margin-bottom: 0;
}


.dropdown-menu li a:hover {
color: #e62129;
background-color: #fff0f08a;
}

.dropdown-pad {
padding: 8px 20px 20px;
}

.dropdown-pad a {
font-size: 18px;
color: #333;
line-height: 60px;
border-bottom: dashed 1px #e5e5e5;
width: 260px;
display: block;
text-align: center;
}

.dropdown-pad a:last-child {
border-bottom: none;
}

.dropdown-pad a:hover {
color: #e62129;
}

.head-right {
float: right;
}

.head-right h3 {
float: left;
font-size: 16px;
color: #fff;
line-height: 36px;
}

.language {
width: 170px !important;
float: left;
position: relative;
margin-top: 12px;
padding: 0 21px 0 15px;
border-right: solid 1px #c8c8c8;
}

.language-text {
display: block;
color: #fff;
line-height: 14px;
font-family: arial;
font-size: 16px;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.language-text .icon-down {
display: block;
float: right;
vertical-align: middle;
font-size: 14px;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

.language-list {
position: absolute;
width: 100%;
top: 100%;
right: 0;
z-index: 34;
background: #fff;
padding: 0px 0;
-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);
box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);
opacity: 0;
visibility: hidden;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}

.language-list a {
display: block;
padding: 10px 18px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-size: 16px;
font-family: arial;
}

.language-list a:hover {
color: #e62129
}

.language:hover .language-text {
color: #e62129;
}

.language:hover .language-text .icon-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.language:hover .language-list {
opacity: 1;
visibility: visible;
}

.nav-search {
cursor: pointer;
float: right;
height: 70px;
width: 40px;
position: relative;
background: url(../image/search1.png) no-repeat right 3px center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.search-box {
position: absolute;
right: -8px;
top: 90px;
font-size: 0;
width: 320px;
height: 0;
z-index: 100;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: 0;
overflow: hidden;
}

.nav-search:hover .search-box {
opacity: 1;
height: 52px;
padding-top: 6px;
}

.search-box .search {
border: solid 1px #dbdbdb;
width: 260px;
height: 46px;
background: #fff;
display: inline-block;
vertical-align: top;
font-size: 14px;
padding: 0 15px;
color: #666;
}

.search-box .butt {
width: 60px;
height: 46px;
background: #d1352d url(../image/search.png) no-repeat center;
display: inline-block;
vertical-align: top;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 46px;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.search-box .butt:hover {
background-color: #fe1d12;
}

.head-login {
margin-top: 9px;
float: left;
margin-left: 24px;
background: url(../image/login.png) no-repeat left center;
padding-left: 20px;
}

.head-login a {
float: left;
font-size: 16px;
color: #fff;
margin: 0 5px;
cursor: pointer;
}

.header-email {
float: left;
margin-left: 25px;
background: url(../image/top-email_03.png)no-repeat center left;
padding-left: 15px;
margin-top: 9px;
}

.header-email a {
float: left;
font-size: 16px;
color: #fff;
margin: 0 5px;
cursor: pointer;
}

/*app-ͷ��*/
.header-app {
background: white;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 500;
-webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header-app.open-menu {
height: 100%;
background: #fff;
-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.navbar-app {
position: relative;
-webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);
box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);
height: 60px;
text-align: center;
}

.header-app .logo {
float: left;
height: 60px;
vertical-align: middle;
padding: 30px 15px;
}

@media (max-width:640px) {
.header-app .logo {
width: 67%;
}
}

.header-app .logo img {
/*height: 100%;*/ margin-top: -32px;
}

.navbar-togger {
float: right;
background: transparent;
border: none;
padding: 22px 15px;
display: inline-block;
visibility: visible;
transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96),opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1),-webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

.navbar-togger .icon_bar {
width: 24px;
height: 2px;
background-color: #e62129;
opacity: 1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.navbar-togger .icon_bar:nth-of-type(2) {
margin: 5px 0;
}

.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
opacity: 0;
}

.open-menu .navbar-togger .icon_bar:first-child {
-webkit-transform: translate(0,7px) rotate(45deg);
-ms-transform: translate(0,7px) rotate(45deg);
transform: translate(0,7px) rotate(45deg);
}

.open-menu .navbar-togger .icon_bar:last-child {
-webkit-transform: translate(0,-7px) rotate(-45deg);
-ms-transform: translate(0,-7px) rotate(-45deg);
transform: translate(0,-7px) rotate(-45deg);
}

.nav-menu {
position: absolute;
top: 60px;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: 620;
padding: 20px 15px;
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
-webkit-transition: visibility 0s linear 1s;
-o-transition: visibility 0s linear 1s;
transition: visibility 0s linear 1s;
}

.header-app.open-menu .nav-menu {
visibility: visible;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.nav-list li {
border-bottom: 1px solid #cfcfcf;
opacity: 0;
pointer-events: none;
}

.header-app.open-menu .nav-list li {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

.nav-list li:nth-child(1) {
-webkit-transform: translateY(-44px);
-ms-transform: translateY(-44px);
transform: translateY(-44px);
transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s,transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s,-webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
}

.header-app.open-menu .nav-list li:nth-child(1) {
transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s,transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s,-webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
}

.nav-list li:nth-child(2) {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s,transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s,-webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
}

.header-app.open-menu .nav-list li:nth-child(2) {
transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s,transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s,-webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;
}

.nav-list li:nth-child(3) {
-webkit-transform: translateY(-36px);
-ms-transform: translateY(-36px);
transform: translateY(-36px);
transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s,transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s,-webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
}

.header-app.open-menu .nav-list li:nth-child(3) {
transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s,transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s,-webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;
}

.nav-list li:nth-child(4) {
-webkit-transform: translateY(-32px);
-ms-transform: translateY(-32px);
transform: translateY(-32px);
transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s,transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s,-webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
}

.header-app.open-menu .nav-list li:nth-child(4) {
transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s,transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s,-webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;
}

.nav-list li:nth-child(5) {
-webkit-transform: translateY(-28px);
-ms-transform: translateY(-28px);
transform: translateY(-28px);
transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s,transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s,-webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
}

.header-app.open-menu .nav-list li:nth-child(5) {
transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s,transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s,-webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;
}

.nav-list li:nth-child(6) {
-webkit-transform: translateY(-24px);
-ms-transform: translateY(-24px);
transform: translateY(-24px);
transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s,transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s,-webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
}

.header-app.open-menu .nav-list li:nth-child(6) {
transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s,transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s,-webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;
}

.nav-list li:nth-child(7) {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,-webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
}

.header-app.open-menu .nav-list li:nth-child(7) {
transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s,transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s,-webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
}

.nav-list li:nth-child(8) {
-webkit-transform: translateY(-16px);
-ms-transform: translateY(-16px);
transform: translateY(-16px);
transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s,transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s,-webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;
}

.header-app.open-menu .nav-list li:nth-child(8) {
transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s,transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s,-webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;
}

.app-gp {
float: right;
font-size: 14px;
color: #666;
line-height: 60px;
}

.app-login {
float: right;
background: url(../image/login.png) no-repeat center;
width: 30px;
height: 60px;
margin-left: 8px;
}

.cate-item {
position: relative;
}

.cate-item a {
font-size: 16px;
line-height: 48px;
margin-right: 60px;
display: block;
color: #444;
}

.nav-list li.active .cate-item a, .nav-list li.open .cate-item a {
color: #e62129
}

.category-cont a:last-child {
border: none;
}

.category-cont a.active {
color: #e62129;
}

.category-tig {
font-size: 14px;
color: #888;
text-align: right;
line-height: 48px;
width: 50px;
height: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.category-tig::before, .category-tig::after {
content: '';
background: #888;
position: absolute;
top: 50%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.category-tig::before {
width: 16px;
height: 2px;
right: 0;
margin-top: -1px;
}

.category-tig::after {
width: 2px;
height: 16px;
margin-top: -8px;
right: 7px;
}

.nav-list li.open .category-tig::after {
opacity: 0;
}

.nav-list li.open .category-tig::before {
background: #e62129;
}

.category-cont {
display: none;
}

.nav-list li.open .category-cont {
display: block;
border-top: solid 1px #cfcfcf;
}

.category-pad {
padding: 0 15px;
}

.category-cont a {
line-height: 40px;
border-bottom: 1px solid #cfcfcf;
display: block;
color: #666;
}

.category-pad a.active {
color: #e62129;
}


.cate-item1 {
position: relative;
border-bottom: solid 1px #cfcfcf;
}

.category-li:last-child .cate-item1 {
border-bottom: none;
}

.cate-item1 a {
border-bottom: none;
font-size: 16px;
line-height: 48px;
margin-right: 60px;
display: block;
color: #444;
}

.category-li.open .cate-item1 a {
color: #e62129
}

.category-cont1 a:last-child {
border: none;
}

.category-cont1 a.active {
color: #e62129;
}

.category-tig1 {
font-size: 14px;
color: #888;
text-align: right;
line-height: 48px;
width: 50px;
height: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.category-tig1::before, .category-tig1::after {
content: '';
background: #888;
position: absolute;
top: 50%;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.category-tig1::before {
width: 16px;
height: 2px;
right: 0;
margin-top: -1px;
}

.category-tig1::after {
width: 2px;
height: 16px;
margin-top: -8px;
right: 7px;
}

.category-li.open .category-tig1::after {
opacity: 0;
}

.category-li.open .category-tig1::before {
background: #e62129;
}

.category-cont1 {
display: none;
}

.category-li.open .category-cont1 {
display: block;
border-bottom: solid 1px #cfcfcf;
}

.category-li:last-child.open .category-cont1 {
border-bottom: none;
border-top: solid 1px #cfcfcf;
}

.category-pad1 {
padding: 0 15px;
}

.category-cont1 a {
line-height: 40px;
border-bottom: 1px solid #cfcfcf;
display: block;
color: #666;
}

.category-pad1 a.active {
color: #e62129;
}

.app-search {
height: 40px;
background: white;
border: solid 1px #d8d8d8;
margin-bottom: 10px;
border-radius: 30px;
position: relative;
}

.app-search .text {
padding: 0 15px;
font-size: 14px;
color: #666;
margin-right: 38px;
width: 90%;
border: none;
background: none;
height: 100%;
}

.app-search .submit {
width: 38px;
position: absolute;
right: 0;
top: 0;
border: none;
background: url(../image/search1.png) no-repeat center;
height: 100%;
}

.app-lanu {
text-align: center;
padding: 20px 0;
}

.app-lanu a {
display: inline-block;
padding: 0 10px;
line-height: 24px;
color: #666;
}

.app-lanu a.active {
color: white;
background: #e62129;
border-radius: 30px;
}

.banner {
margin-top: 92px;
overflow: hidden;
}

.banner img {
display: block;
width: 100%;
}

.banner img.banner-app {
display: none;
}

.banner .swiper-pagination {
bottom: 28px !important;
}

.banner .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: none;
opacity: 1;
margin: 0 9px !important;
border: solid 1px white;
}

.banner .swiper-pagination-bullet-active {
background: #e62129;
border-color: #e62129;
}

.swiper-video {
display: block;
position: relative;
}

.banner-font {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: 0;
}

.banner-font h3 {
opacity: 0;
transform: translateY(10px);
transition: all .5s .8s;
font-size: 72px;
color: white;
margin-bottom: 10px;
line-height: 1;
}

.banner-font h4 {
opacity: 0;
transform: translateY(10px);
transition: all .5s .9s;
font-size: 40px;
color: white;
line-height: 1;
margin-bottom: 15px;
}

.banner-font h5 {
opacity: 0;
transform: translateY(10px);
transition: all .5s 1.1s;
font-size: 40px;
color: white;
line-height: 1;
}

.banner-line {
opacity: 0;
transform: translateY(10px);
transition: all .5s 1s;
width: 86px;
height: 3px;
background: #e62129;
margin: 30px 0;
}

.banner-more {
opacity: 0;
transform: translateY(10px);
transition: all .5s 1.2s;
margin-top: 45px;
display: block;
width: 206px;
height: 50px;
line-height: 48px;
font-size: 16px;
color: white;
text-align: center;
letter-spacing: 2px;
border-radius: 30px;
border: solid 1px #fff;
}

.banner-more i {
font-size: 13px;
padding-left: 5px;
}

.banner-more:hover {
background: #f5a100;
border-color: #f5a100;
}

.banner .swiper-slide-active .banner-font h3, .banner .swiper-slide-active .banner-font h4, .banner .swiper-slide-active .banner-font h5, .banner .swiper-slide-active .banner-line, .banner .swiper-slide-active .banner-more {
opacity: 1;
transform: translateY(0);
}

#can1 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
/**/
.foot {
background: #1a1a1a;
}

.foot-top {
padding: 43px 0 36px;
overflow: hidden;
border-bottom: solid 1px #2a2a2a;
}

.foot-top dl {
float: left;
width: 165px;
}

.foot-left {
float: left;
overflow: hidden;
}

.foot-right {
float: right;
width: 175px;
text-align: center;
}

.foot-top dt a {
position: relative;
display: block;
font-size: 18px;
line-height: 30px;
color: white;
margin-bottom: 15px;
}

.foot-top dd a {
display: block;
color: #999999;
font-size: 14px;
line-height: 28px;
}

.foot-dec {
display: block;
color: #fff;
font-size: 14px;
line-height: 22px;
}

.foot-right p {
display: block;
color: #fff;
font-size: 14px;
line-height: 24px;
opacity: 0.5;
}

.foot-line {
width: 56px;
height: 3px;
background: #c7000a;
margin: 14px 0 18px;
}

.foot-email {
float: left;
height: 45px;
position: relative;
width: 150px;
background: #00a0e9 url(https://www.meigsmart.com/PC/images/foot-email.png) no-repeat right 15px center;
font-size: 16px;
color: white;
line-height: 45px;
padding-left: 15px;
margin: 26px 0 15px;
}

.foot-share {
overflow: hidden;
float: right;
}

.foot-share.bshare-custom a.iconfont {
background: none !important;
color: #7d7d7d;
font-size: 24px;
margin-left: 20px;
text-align: center;
line-height: 30px;
float: left;
height: 30px;
padding-left: 0;
}

.foot-top dt a:hover, .foot-top dd a:hover, .foot-share.bshare-custom a:hover {
color: white;
text-decoration: none;
opacity: 1;
}

.foot-bot {
padding: 11px 0;
overflow: hidden;
}

.foot-bot p {
float: left;
font-size: 14px;
line-height: 30px;
color: #777;
}

.foot-bot p a, .foot-ctm a {
color: #777;
}

.foot-ctm {
float: right;
font-size: 14px;
line-height: 24px;
color: #8698a4;
text-transform: uppercase;
}

.foot-bot p a:hover, .foot-ctm a:hover {
color: white;
}

.foot-tit {
line-height: 30px;
font-size: 28px;
color: white;
font-family: arial;
}

.foot-ewm {
width: 116px;
height: 116px;
margin: 0 auto;
margin-bottom: 10px;
}

.foot-ewm img {
width: 100%;
}

/*app-�ײ�*/
.foot-app {
width: 100%;
background: #1a1a1a;
display: none;
}

.foot-pad {
padding: 0 15px;
}

.footer-tit {
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.1);
}

.open .footer-tit a {
color: #fff;
}

.footer-tit a {
font-family: 'semi';
text-transform: uppercase;
font-size: 16px;
color: rgba(255,255,255,0.8);
line-height: 48px;
margin-right: 48px;
display: block;
}

.footer-tig {
font-size: 14px;
color: #888;
text-align: right;
line-height: 48px;
width: 20px;
height: 48px;
position: absolute;
right: 0px;
top: 0;
z-index: 2;
}

.footer-tig::before, .footer-tig::after {
content: '';
background: rgba(255,255,255,0.6);
position: absolute;
top: 50%;
transition: all .3s;
left: 50%;
}

.footer-tig::before {
width: 18px;
height: 2px;
margin-left: -8px;
}

.footer-tig::after {
width: 2px;
height: 18px;
margin-top: -8px;
}

.footer-item.open .footer-tig::after {
opacity: 0;
}

.footer-item.open .footer-tig::before {
background: #fff;
}

.footer-cont {
display: none;
border-bottom: solid 1px rgba(255,255,255,0.1);
padding: 0 15px;
}

.footer-cont a {
font-family: 'semi';
line-height: 40px;
color: rgba(255,255,255,0.8);
display: block;
font-size: 14px;
border-bottom: solid 1px rgba(255,255,255,0.1);
}

.footer-cont a:last-child {
border: none;
}

.footer-item.open .footer-cont a.active {
color: #fff;
}

.footer-titi {
line-height: 26px;
font-size: 22px;
color: white;
font-family: arial;
}

.footer-right {
margin-top: 15px;
padding-bottom: 10px;
border-bottom: solid 1px rgba(255,255,255,0.1);
}

.footer-right .foot-ewm {
width: 100px;
height: 100px;
}

.footer-right p {
display: block;
color: #fff;
font-size: 14px;
line-height: 22px;
opacity: 0.5;
text-align: center;
}

.footer-dec {
display: block;
color: #fff;
font-size: 14px;
line-height: 22px;
}

.footer-line {
width: 56px;
height: 3px;
background: #c7000a;
margin: 10px 0;
}

.footer-bot {
padding: 10px 0 15px;
overflow: hidden;
}

.footer-bot {
padding: 11px 0;
overflow: hidden;
}

.footer-bot p {
float: left;
font-size: 14px;
line-height: 30px;
color: #fff;
opacity: 0.5;
}

.footer-bot p a, .foot-ctm a {
color: #fff;
}

.foot-ctm {
float: right;
font-size: 14px;
line-height: 22px;
color: #8698a4;
text-transform: uppercase;
}

.footer-bot p a:hover, .foot-ctm a:hover {
color: white;
}

@media (max-width: 1680px) {
/* .navbar{margin-left: 25px;} */
/* .category-item{padding: 0 15px;} */
.language {
width: 70px;
padding: 0 15px;
}

.head-login {
margin-left: 15px;
}

.nav-search {
width: 35px;
}
}

@media (max-width: 1460px) {
/* .navbar{margin-left: 18px;} */
.category-item {
padding: 0 20px;
}

.category-a {
font-size: 16px;
}

.language {
width: 60px;
padding: 0 10px;
}

.head-login a {
font-size: 15px;
margin: 0 4px;
}
}

@media (max-width: 1260px) {
.navbar {
margin-left: 20px;
}

.category-item {
padding: 0 18px;
}

.head-search {
width: 150px;
}

.logo1, .head-search {
display: none;
}

.header .logo {
padding-right: 0;
border-right: none;
}

.foot-top dl {
width: 25%;
}

.foot-right {
width: 100%;
margin-top: 30px;
}

.header, .foot, .lheader-top {
display: none !important;
}

.header-app, .foot-app {
display: block;
}

.banner {
margin-top: 45px;
}




.banner-font h3 {
font-size: 30px;
line-height: 1;
}

.banner-font h4 {
font-size: 18px;
word-break: break-all;
}

.banner-line {
margin: 15px 0;
}

.banner-font h5 {
font-size: 18px;
line-height: 24px;
}

.banner-more {
width: 140px;
letter-spacing: 0;
height: 35px;
line-height: 33px;
font-size: 14px;
margin-top: 15px;
}
}

@media (max-width: 991px) {


.banner .swiper-pagination {
bottom: 15px !important;
}

.banner .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 5px !important;
}
}

@media (max-width: 640px) {
.app-gp {
display: none;
}

.header-app .logo img {
width: 200px;
height: 46px;
margin-top: -26px;
}
}

.index-one {
padding: 44px 0 80px;
}

.index-tit {
font-size: 45px;
color: #222;
line-height: 60px;
text-align: center;
}

.index-dec {
font-size: 16px;
color: #666;
line-height: 36px;
text-align: center;
}

.ino-box {
position: relative;
margin-top: 28px;
}

.ino-pic {
overflow: hidden;
display: none;
}

.ino-pic.on {
display: block;
}

.ino-pic img {
display: block;
width: 100%;
}

.ino-point {
position: absolute;
width: 65%;
height: 100%;
background: url(../image/ino-circle.png) no-repeat center;
background-size: cover;
top: 0;
left: 17.5%;
}

.ino-dot {
position: absolute;
display: none;
}

.ino-dot h3 {
font-size: 26px;
color: white;
line-height: 38px;
}

.ino-dot p {
font-size: 15px;
color: white;
line-height: 27px;
}

.ino-dot::after {
position: absolute;
content: '';
width: 13px;
height: 13px;
border-radius: 50%;
background: #e62129;
top: 50%;
margin-top: -6.5px;
-webkit-animation: kuosan-1 2s linear infinite;
animation: kuosan-1 2s linear infinite;
-webkit-animation-delay: 1000ms;
animation-delay: 1000ms;
}

.ino-dot6::after {
margin-left: 10.2px;
}

.ino-dot::before {
position: absolute;
content: '';
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(230,33,41,0.3);
top: 50%;
margin-top: -16px;
-webkit-animation: kuosan-1 2s linear infinite;
animation: kuosan-1 2s linear infinite;
-webkit-animation-delay: 750ms;
animation-delay: 750ms;
}

.ino-dot1 {
top: 73px;
left: -26px;
text-align: right;
}

.ino-dot1::after {
right: -45px;
}

.ino-dot1::before {
right: -55px;
}

.ino-dot2 {
top: 165px;
right: 55px;
}

.ino-dot2::after {
left: -45px;
}

.ino-dot2::before {
left: -55px;
}

.ino-dot3 {
top: 262px;
left: -115px;
text-align: right;
}

.ino-dot3::after {
right: -45px;
}

.ino-dot3::before {
right: -55px;
}

.ino-dot4 {
top: 380px;
left: 140px;
text-align: right;
}

.ino-dot4::after {
right: -45px;
}

.ino-dot4::before {
right: -55px;
}

.ino-dot5 {
top: 406px;
right: 115px;
}

.ino-dot5::after {
left: -45px;
}

.ino-dot5::before {
left: -55px;
}

.ino-dot a {
display: block;
font-size: 20px;
color: white;
}

.ino-slide {
position: relative;
overflow: hidden;
}

.ino-slide img {
display: block;
width: 100%;
}

.ino-swiper {
padding-bottom: 30px;
position: relative;
margin-top: 20px;
display: none;
}

.ino-font {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%);
}

.ino-font h3 {
color: white;
font-size: 18px;
margin-bottom: 8px;
}

.ino-font p {
color: white;
font-size: 14px;
}

.ino-swiper .swiper-pagination {
width: 100%;
bottom: 0;
}

.ino-swiper .swiper-pagination-bullet {
opacity: 1;
margin: 0 5px;
background: #c8c8c8;
}

.ino-swiper .swiper-pagination-bullet-active {
background: #e62129;
}

@-webkit-keyframes kuosan-1 {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
filter: alpha(opacity=100)\9
}

100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
filter: alpha(opacity=0)\9
}
}

@keyframes kuosan-1 {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
filter: alpha(opacity=100)\9
}

100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
filter: alpha(opacity=0)\9
}
}

@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}

to {
-webkit-transform: rotate(360deg);
}
}

.index-two {
padding: 44px 0 80px;
background: #f3f3f3;
}

.index-two ul {
margin: 20px -6.5px 0;
}

.index-two li {
width: 25%;
float: left;
padding: 0 6.5px;
}

.int-list {
display: block;
width: 100%;
padding-bottom: 33px;
background: white;
position: relative;
overflow: hidden;
transition: ease .5s;
}

.int-pic {
width: 80%;
overflow: hidden;
position: relative;
transition: ease .5s;
overflow: hidden;
margin: 0 auto;
}
/* .int-pic::before{position: absolute;content: "";width: 0;height: 0;top: 0%;left: 0%;background: rgba(0,0,0,0.3);transition: ease .5s;transform: translateY(-16%) translateX(-16%);border-radius: 50%;z-index: 3;} */
/* .int-pic::after{position: absolute;content: "";width: 50px;height: 50px;top: 40%;left: 44%;border-radius: 50%;border: 2px dashed #fff;transition: ease .5s;z-index: 4;} */
/* .index-two li:hover .int-pic::before{width: 150%;height: 150%;} */
/* .index-two li:hover .int-pic::after{animation: rotation 10s linear infinite;transform: rotate(360deg);transition: ease .5s;} */


.int-pic img {
display: block;
width: 100%;
transition: all .5s;
}

.int-list h3 {
font-size: 22px;
color: #333;
line-height: 37px;
margin-top: 18px;
text-align: center;
padding: 0 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.int-list p {
font-size: 15px;
color: #666;
line-height: 24px;
margin-top: 4px;
text-align: center;
padding: 0 30px;
height: 48px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.index-two li:hover img {
transform: scale(1.05);
}

.index-two li:hover h3 {
color: #e62129;
}

.in2-block {
opacity: 1;
transition: ease .5s;
}

.in2-hover {
position: absolute;
width: 100%;
bottom: -100%;
height: 100%;
background: #e62129;
left: 0;
transition: all ease .5s;
padding: 10px;
}


.in2-hover-cont {
position: relative;
width: 100%;
height: 100%;
padding-top: 70px;
}

.in2-hover-cont span {
font-size: 17px;
color: #fff;
display: block;
text-align: center;
margin-top: 30px;
font-weight: bold;
background: url(../image/53.png)no-repeat center bottom;
padding-bottom: 90px;
}

.index-two li:hover .in2-hover {
bottom: 0;
}

.index-two li:hover .in2-block {
opacity: 0;
}

.in2-hover-line {
position: absolute;
width: 94%;
height: 94%;
position: absolute;
left: 3%;
top: 3%;
}

.in2-line1 {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: scale(0,1);
}

.in2-line2 {
border-right: 2px solid #fff;
border-left: 2px solid #fff;
transform: scale(1,0);
}

.in2-line1, .in2-line2 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
transition: opacity 0.6s, transform 0.6s;
transition-delay: 0.1s;
}

.index-two li:hover .in2-line1, .index-two li:hover .in2-line2 {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
}


.int-list .in2-hover p, .int-list .in2-hover h3 {
color: #fff !important;
}

.int-list .in2-hover h3 {
margin-bottom: 20px;
margin-top: 0;
}

.index-three {
padding: 44px 0 84px;
background: url(../image/ine-bg.jpg) no-repeat center;
background-size: cover;
}

.ine-dic {
margin-top: 30px;
text-align: center;
font-size: 16px;
color: rgba(255,255,255,0.8);
line-height: 30px;
}

.index-three ul {
margin-top: 78px;
}

.index-three li {
width: 20%;
float: left;
text-align: center;
}

.ine-icon {
width: 80px;
height: 80px;
margin: 0 auto;
overflow: hidden;
}

.ine-icon img {
display: block;
width: 100%;
transition: all .5s;
}

.ine-num {
font-size: 50px;
color: white;
line-height: 54px;
font-family: 'mont';
}

.ine-num i {
font-size: 26px;
font-style: normal;
}

.ine-num sup {
font-size: 20px;
}

.index-three li p {
font-size: 16px;
color: white;
line-height: 30px;
}

.index-three li:hover img {
transform: translateY(-100%);
}

.index-four {
padding: 44px 0 86px;
}

.inf-left {
display: block;
float: left;
width: 935px;
position: relative;
}

.inf-pic {
float: right;
width: 540px;
overflow: hidden;
height: 400px;
}

.inf-pic img {
display: block;
width: 100%;
transition: all .5s;
height: 100%;
}

.inf-font {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 395px;
border: solid 1px #eeeeee;
padding: 89px 23px 0px;
}

.inf-font h3 {
font-size: 20px;
color: #333;
line-height: 30px;
height: 60px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.inf-font p {
margin-bottom: 32px;
font-size: 14px;
color: #666;
line-height: 24px;
height: 96px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}

.inf-line {
height: 1px;
background: #ebebeb;
margin: 20px 0;
}

.inf-font span {
line-height: 38px;
display: block;
width: 128px;
height: 38px;
text-align: center;
color: #666666;
font-size: 14px;
background: #e8e8e8;
transition: all .5s;
}

.inf-font span i {
font-size: 12px;
font-weight: bold;
}

.inf-left:hover img {
transform: scale(1.05);
}

.inf-left:hover span {
color: white;
background: #e62129;
}

.inf-box {
margin-top: 40px;
position: relative;
}

.inf-data {
width: 58px;
text-align: center;
height: 70px;
position: absolute;
top: 0;
left: 23px;
background: url(../image/inf-data.png) no-repeat center;
background-size: cover;
}

.inf-data h4 {
font-size: 32px;
color: white;
font-family: arial;
}

.inf-data h5 {
font-size: 12px;
color: white;
opacity: 0.7;
font-family: arial;
}

.inf-right {
width: 465px;
position: absolute;
right: 0;
top: 0;
border: solid 1px #eeeeee;
height: 100%;
}

.inf-nav {
height: 60px;
background: #e62129;
}

.inf-nav a {
position: relative;
float: left;
padding: 0 25px;
color: white;
line-height: 60px;
font-size: 20px;
}

.inf-nav a::after {
position: absolute;
content: '';
width: 0;
height: 0;
border-left: solid 5px transparent;
border-right: solid 5px transparent;
border-top: solid 4px #c7000a;
bottom: -4px;
left: 50%;
margin-left: -5px;
display: none;
}

.inf-nav a.on {
background: #c7000a;
}

.inf-nav a.on::after {
display: block;
}

.inf-li {
padding: 14px 22px 0;
display: none;
}

.inf-li.on {
display: block;
}

.inf-list {
display: block;
padding: 15px 0;
border-bottom: solid 1px #ebebeb;
}

.inf-list h3 {
font-size: 16px;
color: #333;
line-height: 24px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.inf-list span {
font-size: 14px;
color: #888;
line-height: 24px;
font-family: arial;
display: block;
}

.inf-list:hover h3 {
color: #e62129;
}

.inf-list:last-child {
border-bottom: none;
}

.bsBox {
width: 232px !important;
height: 256px !important;
}

@media (max-width: 1460px) {
.ino-dot1 {
left: -62px;
}

.ino-dot2 {
right: 8px;
}

.ino-dot3 {
left: -128px;
}

.ino-dot4 {
top: 347px;
}

.ino-dot5 {
right: 120px;
}

.foot-top dl {
width: 125px;
}

.inf-left {
width: 800px;
}

.inf-right {
width: 400px;
}

.inf-font {
width: 338px;
padding-top: 75px;
}

.inf-pic {
width: 462px;
height: 342px;
}

.inf-line {
margin: 12px 0;
}

.inf-font p {
margin-bottom: 20px;
}

.inf-nav a {
padding: 0 17px;
}

.inf-li {
padding-top: 0;
}

.inf-list {
padding: 11px 0;
}
}


@media (max-width: 1260px) {
.ino-dot1 {
left: -112px;
}

.ino-dot2 {
right: -45px;
}

.ino-dot3 {
left: -150px;
top: 200px;
}

.ino-dot4 {
top: 263px;
left: 55px;
}

.ino-dot5 {
right: 75px;
top: 322px;
}

.inf-right {
position: static;
width: 100%;
}

.inf-left {
width: 100%;
float: none;
margin-bottom: 20px;
}

.inf-font {
width: 478px;
}

.in2-hover {
padding-bottom: 65px;
}
}

@media (max-width: 991px) {

.inf-pic {
width: 50%;
height: auto;
}

.inf-font {
width: 50%;
height: auto;
}
}

@media (max-width: 767px) {
.index-one, .index-two {
padding: 35px 0 40px;
}

.index-tit {
font-size: 26px;
line-height: 30px;
}

.index-dec {
font-size: 15px;
line-height: 22px;
margin-top: 5px;
}

.ino-box {
margin-top: 20px;
}

.index-two li {
width: 50%;
margin-bottom: 13px;
}

.int-list h3 {
font-size: 16px;
line-height: 24px;
margin-top: 0;
}

.int-list p {
font-size: 13px;
line-height: 22px;
padding: 0 10px;
}

.int-list {
padding-bottom: 15px;
}

.index-three, .index-four {
padding: 35px 0 40px;
}

.ine-dic {
margin-top: 20px;
font-size: 14px;
line-height: 22px;
}

.index-three ul {
margin-top: 30px;
}

.index-three li {
width: 33.333333%;
}

.ine-icon {
width: 60px;
height: 60px;
}

.ine-num {
font-size: 26px !important;
line-height: 30px;
}

.index-three li p {
font-size: 14px;
}

.ine-num i, .ine-num sup {
font-size: 14px;
}

.inf-right {
position: static;
width: 100%;
}

.inf-left {
width: 100%;
float: none;
margin-bottom: 20px;
}

.inf-font {
position: relative;
width: 100%;
padding: 20px 15px;
}

.inf-pic {
float: none;
width: 100%;
height: auto;
}

.inf-box {
margin-top: 20px;
}

.inf-font h3 {
font-size: 16px;
line-height: 22px;
height: 44px;
}

.inf-data {
display: none;
}

.inf-font p {
line-height: 20px;
height: auto;
}

.inf-font span {
line-height: 35px;
height: 35px;
width: 100px;
font-size: 13px;
}

.inf-nav a {
font-size: 16px;
line-height: 40px;
padding: 0 12px;
}

.inf-nav {
height: 40px;
}

.inf-nav a:last-child {
float: right;
}

.inf-li {
padding: 10px 15px 0;
}

.inf-list h3 {
font-size: 14px;
}

.ino-box {
display: none;
}

.ino-swiper {
display: block;
}

#can1 {
display: none;
}

.in2-hover {
display: none;
}

.index-two li:hover .in2-block {
opacity: 1;
}
}
/* ============ lbanner===========*/
.lbanner {
background-size: cover;
height: 500px;
overflow: hidden;
width: 100%;
margin-top: 92px;
position: relative;
}

.lbanner-con {
position: relative;
height: 100%;
}

.lbanner-cont {
font-size: 46px;
color: #fff;
padding-top: 160px;
width: 56%;
}

.lbanner-cont span {
font-family: 'din-b';
display: inline;
font-size: 53px;
}

.lbanner-cont em {
font-style: normal;
font-weight: normal;
}

.lbread {
position: absolute;
bottom: 35px;
left: 0;
font-size: 14px;
color: #fff;
}

.lbread a {
display: inline-block;
color: #fff;
}

.lbanner-cont1 {
font-size: 46px;
color: #fff;
width: 30%;
padding-top: 160px;
}

.lbanner-cont1 span {
display: inline;
font-weight: bold;
}

.lbanner-phone {
position: relative;
text-align: center;
width: 283px;
height: 96px;
margin-top: 50px;
}

.lbanner-phone:before {
position: absolute;
content: "";
width: 283px;
height: 96px;
background: url(../image/lbanner-phone1.png)no-repeat center;
left: 0;
top: 0;
}

.lbanner-phone h4 {
font-size: 20px;
color: #fff;
padding-left: 40px;
text-align: left;
padding-top: 5px;
letter-spacing: 7px;
}

.lbanner-phone h3 {
font-size: 32px;
color: #fff;
font-family: 'din-b';
line-height: 46px;
}

.lbanner-cont2 {
width: 50%;
padding-top: 90px;
}

.lbanner-cont2 span, .lbanner-cont3 span {
margin-top: 10px;
display: inline-block;
}

.lbanner-cont3 {
padding-top: 160px;
width: 50%;
}

.inverst-ban-tit {
font-size: 29px;
margin-bottom: 15px;
}

.inverst-ban-span {
display: block !important;
margin-bottom: 10px;
}

.lbanner-inse-cont {
padding-top: 120px;
}

.product-banner-cont {
width: 53%;
line-height: 65px;
}

.product-banner-cont .inverst-ban-span {
display: inline !important;
}

.lnew-bannercont {
width: 37%;
}

.lnew-bannercont span {
display: block;
}

.lsolubanner-cont {
}

.lsolubanner-cont div {
display: inline;
font-weight: bold;
}

.banner-bg {
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
transition: ease .5s;
transform: scale(1.5);
}

.banner-scale {
transition: all 8s cubic-bezier(0,1,.34,.99);
transform: scale(1,1);
}

.bannapp {
display: none;
position: absolute;
width: 100%;
height: 100%;
}
/* =============lmenu========= */
.lmenu {
background: #f6f6f6;
height: auto;
box-shadow: 0 0 13px rgba(0,0,0,0.1);
}

.lmenu ul {
overflow-x: auto;
white-space: nowrap;
height: 70px;
overflow-y: hidden;
}

.lmenu ul::-webkit-scrollbar {
height: 3px;
background: #fff;
}

.lmenu ul::-webkit-scrollbar-thumb {
background-color: #c90606;
border-radius: 5px;
}

.lmenu li {
position: relative;
transition: ease .5s;
overflow: hidden;
display: inline-block;
}

.lmenu a {
display: inline-block;
font-size: 20px;
color: #333;
padding: 23px 22px;
position: relative;
transition: ease .5s;
height: 70px;
}

.lmenu li::before {
position: absolute;
content: "";
width: 0%;
height: 100%;
background: #e62129;
top: 0%;
left: 0;
transition: ease .5s;
}

.lmenu li.on::before, .lmenu li:hover::before {
width: 100%;
}

.lmenu li.on a, .lmenu li:hover a {
color: #fff;
font-weight: bold;
}
/* */
.lmenu-pro {
background: #ededed;
}

.product-menu {
background: #fff;
position: relative;
}

.product-menu .swiper-slide {
text-align: center;
}

.product-menu li {
position: relative;
overflow: visible;
}

.product-menu .swiper-slide::before {
position: absolute;
content: "";
width: 0%;
height: 100%;
background: #c90606;
top: 0%;
left: 0;
transition: ease .5s;
}

.lmenu-me .swiper-slide::before {
background: #e62129;
}

.product-menu i {
color: #333;
margin-left: 5px;
display: inline-block;
font-weight: bold;
}

.product-menu .swiper-slide {
position: relative;
transition: ease .5s;
overflow: hidden;
}

.product-menu .swiper-slide a {
display: inline-block;
font-size: 18px;
color: #333;
position: relative;
transition: ease .5s;
height: 70px;
padding: 23px 0;
width: 100%;
}

.product-menu .swiper-slide.on::before, .product-menu .swiper-slide:hover::before {
width: 100%;
}

.product-menu .swiper-slide.on a, .product-menu .swiper-slide:hover a {
color: #fff;
font-weight: bold;
}

.product-menu .swiper-slide.on i, .product-menu .swiper-slide:hover i {
color: #fff;
}

.product-menu .swiper-button-prev {
background: url(../image/pro-left.png)no-repeat center left;
left: -45px;
}

.product-menu .swiper-button-next {
background: url(../image/pro-right.png)no-repeat center right;
right: -45px;
}

.product-menu .swiper-button-prev, .product-menu .swiper-button-next {
width: 32px;
height: 32px;
top: 58%;
display: none;
}

.product-menu > div {
position: relative;
}

.product-menu-li {
display: none;
padding: 10px 20px 20px;
margin-top: 20px;
}

.product-menu-li.on {
display: block;
}

.produmenu-hover {
background: #fff;
}

.product-menu-li a {
display: inline-block;
font-size: 18px;
color: #333;
position: relative;
transition: ease .5s;
height: auto;
padding: 20px 0px 10px;
border-bottom: 2px solid transparent;
margin: 0 10px;
}

.product-menu-li a:hover {
color: #c90606;
border-color: #c90606;
font-weight: bold;
}

.product-menu-li .on {
color: #c90606;
border-color: #c90606;
}

.lmenu-pro-xq {
background: transparent;
}

.lmenu-pro-xq .produmenu-hover {
background: #ededed;
}
/* ==========lpage========== */
.lpage {
text-align: center;
}

.lpage a {
display: inline-block;
font-size: 16px;
line-height: 25px;
color: #333;
font-family: "Arial";
transition: ease .5s;
padding: 8px 15px;
width: 40px;
height: 40px;
}

.lpage .fistpage {
display: none;
}

.lpage .lastpage {
display: none;
}

.lpage a:hover, .lpage a.on {
color: #fff;
background: #E62129;
}

@media (max-width: 1520px) {
.product-menu .swiper-button-next {
right: 0;
}

.product-menu .swiper-button-prev {
left: 0;
}
}

@media (max-width: 1460px) {
.lbanner-cont1 {
width: 35%;
}

.lbanner-cont2 {
width: 58%;
}

.lbanner-cont3 {
width: 43%;
}

.product-banner-cont {
width: 63%;
}

.lnew-bannercont {
width: 43%;
}

.lsolubanner-cont {
width: 66%;
}

.product-menu .swiper-button-prev {
left: -30px;
}

.product-menu .swiper-button-next {
right: -30px;
}
}

@media (max-width: 1320px) {
.product-menu .swiper-button-next {
right: 0;
}

.product-menu .swiper-button-prev {
left: 0;
}
}

@media (max-width: 1260px) {
.lbanner {
margin-top: 45px;
}

.lbanner-cont1 {
width: 45%;
}

.lbanner-cont2 {
width: 75%;
}

.lbanner-cont3 {
width: 55%;
}

.product-banner-cont {
width: 81%;
}

.lnew-bannercont {
width: 54%;
}

.lsolubanner-cont {
width: 84%;
}

.product-menu .swiper-button-prev {
left: -30px;
}

.product-menu .swiper-button-next {
right: -30px;
}
}

@media (max-width: 1055px) {
.product-menu .swiper-button-next {
right: 0;
}

.product-menu .swiper-button-prev {
left: 0;
}
}

@media (max-width: 992px) {
.lbanner-cont1 {
width: 58%;
}

.lbanner-cont2 {
width: 85%;
}

.lbanner-cont3 {
width: 71%;
}

.lbanner-inse-cont {
width: 96%;
}

.lnew-bannercont {
width: 71%;
}

.lsolubanner-cont {
width: 100%;
}

.product-menu .swiper-slide a {
font-size: 16px;
height: 55px;
padding: 18px 0;
}

.product-menu-li a {
font-size: 16px;
padding: 13px 0px;
}
}

@media (max-width: 767px) {

.lbread {
left: 15px;
}

.lbanner-cont1 {
width: 81%;
font-size: 34px;
}

.lbanner-cont2 {
padding-top: 130px;
}

.lbanner-cont3 {
padding-top: 180px;
width: 72%;
}

.lmenu li {
height: 50px;
}

.lmenu a, .product-menu a.secon-nav {
padding: 15px 20px;
font-size: 15px;
height: 50px;
}

.lmenu {
height: 55px;
}

.lmenu ul {
height: 55px;
}

.product-menu li:first-child a {
padding: 15px 40px;
}

.lpage a {
font-size: 14px;
line-height: 32px;
width: 32px;
height: 32px;
padding: 0px 10px;
}
}

@media (max-width: 640px) {
.banner-scale {
display: none;
}

.bannapp {
display: block;
}

.baner-bg {
background: none;
}

.lbanner-con {
position: absolute;
height: 100%;
top: 0;
z-index: 5;
width: 100%;
left: 0;
}

.lbanner {
height: auto;
}

.lbanner-cont {
font-size: 22px;
width: 100%;
padding-top: 90px;
line-height: 32px;
}

.bannapp {
display: block;
position: relative;
}

.lbanner {
height: auto;
}

.lbanner-con {
position: absolute;
height: 100%;
top: 0;
z-index: 5;
width: 100%;
}

.lbanner-cont span {
font-size: 36px;
}

.bsBox {
width: 163px !important;
height: 186px !important;
margin-left: -82px !important;
}

.bsTop {
width: 151px !important;
}

.bsFrameDiv > div {
width: 140px !important;
height: 150px !important;
}

.bsFrameDiv img {
width: 130px !important;
height: 130px !important;
margin: 10px !important;
}

.lbanner-cont2 {
padding-top: 100px;
width: 100%;
}

.lbanner-cont3 {
padding-top: 100px;
width: 100%;
}

.lbanner-cont1 {
font-size: 22px;
padding-top: 110px;
}

.lbanner-inse-cont {
padding-top: 80px;
}

.inverst-ban-tit {
font-size: 20px;
}

.inverst-ban-span {
font-size: 22px;
}

.lbanner-phone {
margin-top: 20px;
}

.serv-bann-cont {
padding-top: 50px;
}

.product-menu .swiper-button-prev, .product-menu .swiper-button-next {
width: 25px;
height: 25px;
background-size: cover;
top: 67%;
}

.product-menu-li {
padding: 5px 20px;
}

.product-menu-li a {
padding: 10px 0px;
}

.inverst-ban-tit {
margin-bottom: 8px;
}

.product-banner-cont {
line-height: 30px;
}

.lbanner-cont3 span {
display: block;
}
}
/* ===kf==== */
.kf {
transition: .8s;
z-index: 999999;
background-color: transparent;
position: fixed;
top: 50%;
right: 0;
width: 50px;
border-radius: 5px;
}

.kf span {
z-index: 1000001;
transition: .5s;
cursor: pointer;
position: relative;
display: block;
width: 50px;
height: 50px;
border-radius: 5px 0 0 5px;
margin-bottom: 3px;
}

.kf span:hover {
background-color: #e62129;
}

.kf .zx {
background-position: 0 0;
background: #a7afb9 url(../image/kefu-zx.png)no-repeat center top 12px;
}

.kf .back_top {
border: none;
background: #a7afb9 url(../image/kf-top.png)no-repeat center top 13px;
}

.kf span a {
transition: .5s;
display: block;
color: #fff;
line-height: 24px;
font-size: 14px;
text-align: center;
padding-top: 22px;
}

.kfimgr {
position: absolute;
bottom: 23px;
right: -9px;
}

.kf span div i {
display: block;
position: absolute;
width: 15px;
height: 200px;
right: -15px;
top: 0;
}

.kf .freetel {
background: #a7afb9 url(../image/kf-wb_03.png)no-repeat center;
}

.kf .zxlya {
background: #a7afb9 url(../image/kf-wx_03.png)no-repeat center;
}

.kf span:nth-child(4) div {
white-space: nowrap;
}

.kf a {
display: block;
height: 68px;
position: absolute;
top: 0;
right: 0;
width: 100%
}

.nav_center div, .index_nav_center div, .shou, .zhan {
-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

.kf .zxlya .erweima {
display: none;
right: 62px;
position: absolute;
top: -72px;
background: #fff;
padding: 5px;
text-align: center;
box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
border-radius: 5px;
}

.kf .zxzx {
display: none;
right: 86px;
position: absolute;
top: 6px;
background: #fff;
padding: 10px 20px;
text-align: center;
box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
border-radius: 5px;
width: 110px;
font-size: 14px;
color: #333;
}

.kfimgr {
position: absolute;
bottom: 23px;
right: -9px;
}

.kf-ly {
background: #a7afb9 url(../image/kf-ly_03.png)no-repeat center;
}
/* .shou{ z-index: 1000000;cursor: pointer; width: 70px; height: 70px; top: 104%; margin-top: -15px; border-radius: 5px 0 0 5px; right: -9px; background:#b5b5b5; border-radius: 5px;cursor: pointer; position: absolute;font-size: 14px;line-height: 24px;color: #fff;transition: ease .5s;text-align: center;padding: 22px 0;} */
.shou {
z-index: 1000000;
cursor: pointer;
width: 30px;
height: 40px;
top: 47%;
margin-top: -15px;
border-radius: 5px 0 0 5px;
right: 62px;
background: transparent url(../image/zk1.png)no-repeat center left;
position: absolute;
box-shadow: none;
}

.shou:hover {
background: transparent url(../image/zk.png)no-repeat center left;
}

.kf-phone {
background: #a7afb9 url(../image/kf-phone1.png)no-repeat center;
}

.kf-phone1, .zxwb {
display: none;
font-size: 15px;
color: #333;
background-color: #fff;
position: absolute;
right: 60px;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
padding: 10px 12px;
background: #fff;
border-radius: 5px;
width: 150px;
text-align: center;
}

.kf-phone1 .kfimgr, .zxwb .kfimgr {
bottom: 10px;
}

.kf-shqi {
width: 100%;
height: 40px;
}

.kf-shqi .m-icon {
display: block;
margin: 0 auto;
width: 30px;
height: 30px;
border-radius: 50%;
background: #a7afb9 url(../image/kf-close.png) no-repeat center;
background-size: 15px;
cursor: pointer;
transform: rotate(45deg);
transition: all 0.3s;
}

.kf-shqi .m-icon:hover {
background-color: #e62129;
}

.kf.show .m-icon {
transform: rotate(0);
}

/* ==app-kf==== */
/* app�ͷ� */
/* */
.kffixed {
position: fixed;
bottom: 0;
z-index: 2000;
width: 100%;
height: 49px;
overflow: hidden;
display: none;
}

.kufuul {
text-align: center;
padding: 2px 0;
width: 100%;
height: 49px;
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
}

.kefu {
padding: 0;
}

.kefu li {
float: left;
height: 45px;
text-align: center;
color: #fff;
line-height: 45px;
color: #fff;
transition: all .4s;
}

.kfzx-tigg {
width: 50%;
height: 45px;
display: block;
float: left;
line-height: 45px;
opacity: 1;
transition: 1s opacity;
padding: 0 1px;
}

.kfzx-enter {
opacity: 0
}

.kf-zx {
display: block;
width: 100%;
height: 100%;
color: #fff;
line-height: 45px;
text-align: center;
background: rgba(230, 33, 41, .9);
}

.kf-zx img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

.teldb {
width: 50%;
position: relative;
padding: 0 1px;
}

.teldb img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

.teldb a {
color: white;
background: rgba(0,0,0,0.6);
background-size: contain;
width: 100%;
display: block;
}

@media (max-width: 992px) {
.kffixed {
display: block;
}

.kf {
display: none;
}

.foot-app {
padding-bottom: 45px;
}
}
/* ================solution============= */
.lsolution {
}

.lsolution-con {
padding: 80px 0;
}

.lsolution-con ul {
}

.lsolution-con li {
float: left;
width: 33.3%;
height: 360px;
text-align: center;
border-top: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
overflow: hidden;
}

.lsolution-con li:nth-child(3n) {
border-right: none;
}

.lsolution-con li:nth-child(1), .lsolution-con li:nth-child(2), .lsolution-con li:nth-child(3) {
border-top: none;
}

.lsolution-con li a {
display: table;
width: 100%;
position: relative;
height: 100%;
overflow: hidden;
}

.lsolution-icon1 {
width: 72px;
height: 74px;
position: relative;
overflow: hidden;
margin: 0 auto;
margin-bottom: 45px;
}

.lsolution-icon1 img {
width: 100%;
transition: ease .5s;
}

.lsolution-img1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.lsolution-img2 {
position: absolute;
top: -100%;
left: 0;
}

.lsolution-con li:hover .lsolution-img1 {
top: 100%;
}

.lsolution-con li:hover .lsolution-img2 {
top: 0;
}

.lsolution-con li span {
display: block;
position: absolute;
display: none;
background: #000;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 1;
filter: alpha(opacity=80);
transition: all .3s ease-in-out;
}

.lsolution-con li span img {
width: 100%;
}

.lsolution-block {
display: table-cell;
vertical-align: middle;
position: relative;
z-index: 10;
}

.lsolution-block h4 {
font-size: 25px;
color: #000;
margin-bottom: 10px;
}

.lsolution-block p {
font-size: 16px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.lsolution-con li:hover .lsolution-block p, .lsolution-con li:hover .lsolution-block h4 {
color: #fff;
}

.lsolution-con li a div:nth-child(2) {
position: absolute;
display: none;
background: #000;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 1;
filter: alpha(opacity=80);
top: 0;
left: 0;
z-index: 2;
}

.da-thumbs li a div {
position: absolute;
background: #000;
width: 100%;
height: 174px;
overflow: hidden;
opacity: .8;
filter: alpha(opacity=80)
}

.da-thumbs li a div.da-animate {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.da-slideFromTop {
left: 0;
top: -100%
}

.da-slideFromBottom {
left: 0;
top: 100%
}

.da-slideFromLeft {
top: 0;
left: -100%
}

.da-slideFromRight {
top: 0;
left: 100%
}

.da-slideTop {
top: 0
}

.da-slideLeft {
left: 0
}

.da-thumbs li a div span {
display: block;
position: relative
}

.home_ad .picScroll-left .bd .da-thumbs li a div span img {
width: 142px;
height: 48px;
border: 0;
position: absolute;
left: 40px;
top: 60px
}

@media (max-width: 1460px) {
.lsolution-con li {
height: 308px;
}
}

@media (max-width: 1260px) {
.lsolution-con li {
height: 242px;
}
}

@media (max-width: 992px) {
.lsolution-con li {
height: 185px;
}

.lsolution-icon1 {
margin-bottom: 20px;
}

.lsolution-con li {
width: 50%;
}

.lsolution-icon1 {
width: 62px;
height: 60px;
}

.lsolution-block h4 {
font-size: 17px;
}

.lsolution-block p {
font-size: 14px;
height: 32px;
}

.lsolution-block {
padding: 0 10px;
}

.lsolution-con li {
height: 280px;
}

.lsolution-con li:nth-child(3) {
border-top: 1px solid #e8e8e8;
}

.lsolution-con li:nth-child(odd) {
border-right: 1px solid #e8e8e8;
}

.lsolution-con li:nth-child(even) {
border-right: none;
}

.lsolution-con li span {
display: none !important;
}

.lsolution-img2 {
display: none;
}

.lsolution-con li:hover .lsolution-img1 {
top: 0;
}

.lsolution-con li:hover .lsolution-block p, .lsolution-con li:hover .lsolution-block h4 {
color: #000;
}

.lsolution-con {
padding: 50px 0;
}
}

@media (max-width: 767px) {
.lsolution-con {
padding: 40px 0 35px;
}

.lsolution-con li {
height: 200px;
}
}
/* ===========solution-xq============ */
@-webkit-keyframes more {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
filter: alpha(opacity=100)\9
}

100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
filter: alpha(opacity=0)\9
}
}

@keyframes more {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
filter: alpha(opacity=100)\9
}

100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
filter: alpha(opacity=0)\9
}
}

@keyframes more {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
filter: alpha(opacity=100)\9
}

100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
filter: alpha(opacity=0)\9
}
}

.soluxq-banner {
background-color: #f5f5f5;
background-size: 50% 100% !important;
background-repeat: no-repeat;
height: auto;
}

.soluxq-banner li {
float: left;
width: 50%;
}

.soluxq-banner-img {
float: left;
width: 50%
}

.soluxq-banner-img img {
width: 100%;
}

.soluxq-banner-txt {
position: relative;
height: 100%;
display: table;
width: 68%;
}

@media (max-width: 1260px) {
.soluxq-banner-txt {
width: 100%;
}

.soluxq-banner-cont span {
margin-bottom: 30px;
}
}


.soluxq-banner-txt > div {
display: table-cell;
vertical-align: middle;
}

.soluxq-banner-cont {
padding: 0 75px;
width: 50%;
position: absolute;
right: 0;
top: 0;
height: 100%;
}

.soluxq-banner-cont img {
/*width: 100%;*/
}

.soluxq-banner-cont h3 {
font-size: 36px;
color: #000;
margin-bottom: 15px;
}

.soluxq-banner-cont span {
display: block;
font-size: 16px;
color: #666;
margin-bottom: 50px;
}

.soluxq-banner-cont p {
font-size: 16px;
color: #555;
line-height: 30px;
}
/* .soluxq-banner-cont>div{} */
.soluxq-more {
width: 49px;
height: 49px;
animation: more 1s linear infinite;
animation-direction: alternate;
margin-top: 50px;
box-shadow: 0 0 30px rgba(0,0,0,0.2);
border-radius: 50%;
}

.soluxq-tit {
font-size: 36px;
color: #333;
text-align: center;
}

.soluxq-one {
}

.soluxq-one .lbanner {
height: auto;
}

.soluxq1-banapp {
display: none;
width: 100%;
}

.soluxq-two {
padding: 80px 0;
}

.soluxq2-con {
margin-top: 45px;
}

.soluxq2-con li {
float: left;
width: 33.3%;
position: relative;
}

.soluxq2-con li::before {
content: "";
position: absolute;
width: 1px;
height: 100%;
/* background: #e9e9e9; */
top: 0;
left: 25%;
}

.soluxq2-con li span {
display: block;
float: left;
font-family: 'mont-r';
font-size: 85px;
color: #dedede;
transition: ease .5s;
}

.soluxq2-con li:hover span {
color: #e62129;
}

.soluxq1-txt {
margin-left: 145px;
}

.soluxq1-txt h3 {
font-size: 24px;
line-height: 30px;
color: #333;
}

.soluxq1-txt p {
font-size: 16px;
line-height: 30px;
color: #666;
}

.soluxq-three {
padding-bottom: 80px;
}

.soluxq-three .container {
display: none;
}

.soluxq3-con {
margin: 45px -10px 0;
}

.soluxq3-con li {
float: left;
width: 50%;
padding: 0 10px;
}

.soluxq3-con li a {
display: block;
width: 100%;
}

.soluxq3-img {
overflow: hidden;
}

.soluxq3-img img {
width: 100%;
transition: ease .5s;
}

.soluxq3-txt {
padding-top: 20px;
}

.soluxq3-txt h3 {
font-size: 22px;
line-height: 30px;
color: #333;
}

.soluxq3-txt span {
display: block;
font-size: 16px;
line-height: 30px;
color: #888;
transition: ease .5s;
}

.soluxq3-con li:hover .soluxq3-img img {
transform: scale(1.04);
}

.soluxq3-con li:hover .soluxq3-txt h3 {
color: #e62129;
}

.soluxq3-con li:hover .soluxq3-txt span {
color: #e62129;
transform: translateX(15px);
}

@media (max-width: 1460px) {
.soluxq2-con li::before {
left: 30%;
}
}

@media (max-width: 1260px) {
.soluxq2-con li {
width: 50%;
height: 240px;
margin-top: 20px;
}

.soluxq2-con li::before {
left: 120px;
}
}

@media (max-width: 1150px) {
.soluxq-banner-img {
float: none;
width: 100%;
}

.soluxq-banner-cont {
position: static;
width: 100%;
padding: 30px 0;
}
}

@media (max-width: 992px) {
.soluxq2-con li {
height: 330px;
}

.soluxq2-con li::before {
left: 80px;
}

.soluxq2-con li span {
font-size: 60px;
}

.soluxq1-txt {
margin-left: 100px;
}

.soluxq-banner-cont {
padding: 0 0 0 60px;
}

.soluxq-banner {
height: auto;
}
/* .soluxq-banner>div{position:relative;}*/
.soluxq-one .lbanner {
height: auto;
}

.soluxq-banner-cont span {
margin-bottom: 20px;
}

.soluxq-banner-cont {
padding: 40px 0;
}

.soluxq-banner-txt {
width: 100%;
}
}

@media (max-width: 767px) {
.soluxq-banner {
background-size: 100% 50% !important;
min-height: auto;
height: auto;
background: #f5f5f5 !important;
}

.soluxq-banner > div {
position: static;
}

.soluxq-banner-txt {
width: 100%;
}

.soluxq-banner-cont {
top: 54%;
width: 100%;
padding: 30px 0px;
display: block;
height: auto;
position: static;
}

.soluxq-one .lbanner {
min-height: auto;
background: #f5f5f5 !important;
}

.soluxq1-banapp {
display: block;
}

.soluxq-one .lbanner {
height: auto;
}


.soluxq-banner-cont h3, .soluxq-tit {
font-size: 24px;
}

.soluxq-banner-cont span {
margin-bottom: 10px;
font-size: 14px;
}

.soluxq-more {
width: 36px;
height: 36px;
margin-top: 25px;
}

.soluxq2-con li {
width: 100%;
height: auto;
}

.soluxq3-con li {
width: 100%;
margin-top: 20px;
padding: 0;
}

.soluxq3-con {
margin: 0px 0 0 0;
}

.soluxq-three {
padding-bottom: 35px;
}

.soluxq-two {
padding: 40px 0 35px;
}

.soluxq2-con {
margin-top: 0px;
}

.soluxq-banner-cont p {
font-size: 14px;
}

.soluxq1-txt h3 {
font-size: 17px;
}

.soluxq1-txt p {
font-size: 14px;
line-height: 22px;
}

.soluxq2-con li span {
font-size: 50px;
}

.soluxq1-txt {
margin-left: 80px;
}

.soluxq3-txt h3 {
font-size: 17px;
}

.soluxq3-txt span {
font-size: 14px;
line-height: 22px;
}

.soluxq2-con li::before {
left: 65px;
}
/* .soluxq-banner-cont */
}

@media (max-width: 320px) {
.soluxq-one .lbanner {
min-height: 770px;
}
}

/* ============lnews=========== */
.lnews {
}

.lnews-con {
padding: 60px 0 70px;
}

.lnews-one {
width: 100%;
background: #f5f5f5;
}

.lnews-one a {
display: table;
width: 100%;
position: relative;
height: 100%;
}

.lnews1-img {
float: left;
overflow: hidden;
position: relative;
}

.lnews1-img::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 120%;
background-color: rgba(0,0,0,.6);
border-radius: 100%;
z-index: 20;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
transform: scale(0) translateY(0);
transition: all 2.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.lnews1-img::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0%;
left: 0%;
transition: ease .5s;
z-index: 22;
opacity: 0;
background-size: 55px 55px;
}

.lnews-one:hover .lnews1-img::before {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
transform: scale(2) translateY(-25%)
}

.lnews-one:hover .lnews1-img::after {
opacity: 1;
}

.lnews1-img img {
width: 100%;
transition: ease .5s;
}

.lnews-one a:hover .lnews1-img img {
transform: scale(1.04);
}

.lnews1-txt {
display: table-cell;
vertical-align: middle;
width: 61.36%;
}

.lnews1-txt > div {
padding: 0 40px;
}

.lnews1-txt h3 {
font-size: 24px;
color: #333;
line-height: 42px;
width: 100%;
margin-bottom: 20px;
transition: ease .5s;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-weight: bold;
}

.lnews-one a:hover .lnews1-txt h3 {
color: #E62129;
}

.lnews1-txt p {
font-size: 16px;
line-height: 30px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}

.lnews1-txt span {
display: block;
font-size: 14px;
line-height: 26px;
color: #888;
margin-top: 35px;
font-family: "Arial";
}

.lnews-con ul {
margin: 0 -12px 40px;
}

.lnews-con li {
float: left;
width: 33.3%;
padding: 0 12px;
margin-top: 25px;
}

.lnews-con li a {
display: block;
width: 100%;
background: #f5f5f5;
}

.lnew-img {
overflow: hidden;
height: 295px;
position: relative;
}

.lnew-img::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 120%;
background-color: rgba(0,0,0,.6);
border-radius: 100%;
z-index: 20;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
transform: scale(0) translateY(0);
transition: all 2.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.lnew-img::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0%;
left: 0%;
transition: ease .5s;
z-index: 22;
opacity: 0;
background-size: 55px 55px;
}

.lnews-con li:hover .lnew-img::before {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
transform: scale(2) translateY(-25%)
}

.lnews-con li:hover .lnew-img::after {
opacity: 1;
}

.lnew-img img {
width: 100%;
transition: ease .5s;
}

.lnews-con li:hover .lnew-img img {
transform: scale(1.04);
}

.lnew-txt {
padding: 32px 35px;
height: 262px;
}

.lnew-txt h4 {
font-size: 20px;
line-height: 32px;
color: #333;
margin-bottom: 18px;
/* white-space: nowrap; */
text-overflow: ellipsis;
overflow: hidden;
transition: ease .5s;
text-overflow: inherit;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: bold;
height: 65px;
}

.lnews-con li:hover .lnew-txt h4 {
color: #E62129;
}

.lnew-txt p {
font-size: 16px;
line-height: 26px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.lnew-txt span {
display: block;
font-size: 14px;
line-height: 26px;
color: #888;
margin-top: 40px;
font-family: "Arial";
}

@media (max-width: 1460px) {
.lnew-img {
height: 251px;
}
}

@media (max-width: 1260px) {
.lnew-img {
height: 195px;
}

.lnew-txt span {
margin-top: 40px;
}

.lnew-txt {
padding: 25px 20px;
}

.lnews1-txt span {
margin-top: 10px;
}

.lnews1-txt h3 {
margin-bottom: 10px;
width: 100%;
}
}

@media (max-width: 992px) {

.lnews1-txt h3 {
font-size: 24px;
line-height: 36px;
width: 100%;
}

.lnews1-txt p {
-webkit-line-clamp: 2;
}

.lnew-img {
height: 147px;
}

.lnew-txt {
padding: 20px;
}

.lnew-txt span {
margin-top: 10px;
}

.lnew-txt h4 {
font-size: 22px;
}
}

@media (max-width: 767px) {
.lnews-one a {
display: block;
}

.lnews1-img {
float: none;
width: 100%;
}

.lnews1-txt {
display: block;
width: 100%;
}

.lnews1-txt > div {
padding: 15px 10px;
}

.lnews1-txt h3 {
font-size: 17px;
line-height: 30px;
}

.lnews1-txt p {
font-size: 14px;
line-height: 22px;
}

.lnews-con li {
width: 100%;
padding: 0 5px;
margin-top: 10px;
}

.lnews-con ul {
margin: 0 -5px 20px;
}

.lnew-img {
height: auto;
}

.lnew-txt h4 {
font-size: 16px;
margin-bottom: 5px;
line-height: 28px;
}

.lnew-txt p {
font-size: 14px;
line-height: 22px;
}

.lnew-txt {
padding: 15px 10px;
}

.lnews-con {
padding: 40px 0 35px;
}
}

@media (max-width: 375px) {
.lnew-img {
height: 114px;
}
}

@media (max-width: 360px) {
.lnew-img {
height: 109px;
}
}

@media (max-width: 320px) {
.lnews-con li {
width: 100%;
}

.lnew-img {
height: auto;
}
}
/* ===========.lnews-xq========= */
.lnewsxq {
padding: 65px 0 70px;
}

.lnewsxq-con {
}

.lnewsxq-left {
float: left;
width: 69.42%;
}

.lnewsxq-right {
float: right;
width: 25.14%;
}

.lnewsxq-right.sctop {
position: fixed;
right: 11.5%;
top: 180px;
width: 19.45%;
background: #fff;
padding: 10px;
z-index: 20;
}

.lnewsxq-tit {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 40px;
}

.lnewsxq-tit h2 {
font-size: 30px;
line-height: 42px;
color: #333;
}

.lnewsxq-tit span {
display: block;
font-size: 14px;
line-height: 26px;
color: #888;
margin-top: 20px;
}

.lnewsxq-p {
padding-top: 40px;
padding-bottom: 20px;
}

.lnewsxq-p p {
font-size: 16px;
line-height: 35px;
margin-top: 15px;
margin-bottom: 15px;
text-indent:25px;
color: #444;
}

/*.lnewsxq-p h2 {*/
/*font-size: 25px;*/
/*}*/

/*.lnewsxq-p h3 {*/
/*font-size: 17px;*/
/*}*/

.lnewsxq-p img {
max-width: 100%;
}

.lnewsxq-p img:first-child {
/*margin: 50px 0 20px;*/
}

.lnewsxq-p h5 {
font-size: 16px;
line-height: 30px;
color: #666;
text-align: center;
margin: 24px 0 50px;
}

.lnewsxq-bot {
border-bottom: 1px solid #ededed;
padding-bottom: 25px;
}

.lnewsxq-bot a {
display: inline-block;
}

.lnewsxq-fh {
float: left;
font-size: 14px;
line-height: 20px;
color: #c90606;
border: 1px solid #c90606;
padding: 10px 39px;
transition: ease .5s;
}

.newxq-share {
float: right;
}

.newxq-share span {
display: inline-block;
font-size: 14px;
line-height: 32px;
color: #666;
}

.newxq-share a {
background-image: none !important;
display: inline-block !important;
color: #fff !important;
font-size: 18px !important;
width: 32px !important;
height: 32px !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
line-height: 32px !important;
border-radius: 50% !important;
text-decoration: none !important;
transition: ease .5s;
margin: 0 2px !important;
}

.newxq-share a.icon-weibo {
background-color: #da3c3c !important;
}

.newxq-share a.icon-weixin {
background-color: #21ba41 !important;
}

.newxq-share a.icon-qq {
background-color: #3e91ee !important;
}

.newxq-share a.icon-kongjian {
background-color: #f4c50b !important;
}

.newxq-share a.icon-share-hole {
color: #9a9a9a !important;
}

.lnewsxqri-tit {
font-size: 18px;
color: #333;
border-left: 3px solid #e62129;
font-weight: bold;
padding-left: 7px;
}

.lnewsxq-right ul {
}

.lnewsxq-right li {
border-bottom: 1px dashed #d8d8d8;
padding: 15px 0;
}

.lnewxq-tuij-txt {
float: left;
width: 51.13%;
padding-top: 5px;
}

.lnewxq-tuij-txt h4 {
font-size: 14px;
line-height: 22px;
color: #4a4a4a;
transition: ease .5s;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.lnewxq-tuij-txt span {
display: block;
font-size: 14px;
color: #888;
background: url(../image/lnewsxqtime.png)no-repeat center left;
padding-left: 24px;
margin-top: 15px;
}

.lnewxq-tuij-img {
float: right;
width: 31.25%;
overflow: hidden;
}

.lnewxq-tuij-img img {
width: 100%;
transition: ease .5s;
}

.lnewsxq-right li:hover .lnewxq-tuij-txt h4 {
color: #E62129;
}

.lnewsxq-right li:hover .lnewxq-tuij-img img {
transform: scale(1.04);
}

.lnewsxq-page {
margin-top: 20px;
}

.lnewsxq-page a {
display: block;
font-size: 14px;
line-height: 30px;
color: #666;
transition: ease .5s;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.lnewsxq-page a:hover {
color: #E62129;
}

@media (max-width: 1460px) {
.lnewsxq-right.sctop {
right: 8%;
width: 19.45%;
}
}

@media (max-width: 1260px) {

.lnewsxq-right.sctop {
top: 80px;
width: 24.45%;
right: 2%;
}
}

@media (max-width: 992px) {
.lnewxq-tuij-img, .lnewxq-tuij-txt {
float: none;
width: 100%;
}

.lnewsxq-right.sctop {
right: 10%;
width: 18.45%;
}
}

@media (max-width: 767px) {
.lnewsxq-right, .lnewsxq-left {
float: none;
width: 100%;
}

.lnewsxq-tit h2 {
font-size: 18px;
line-height: 32px;
}

.lnewsxq-p {
padding: 10px 0 20px;
}

.lnewsxq-tit {
padding-bottom: 10px;
}

.lnewsxq-tit span {
margin-top: 10px;
}

.lnewsxq-p img:first-child {
margin: 20px 0;
}

.lnewsxq-p h5 {
margin: 20px 0;
font-size: 14px;
line-height: 22px;
}

.lnewsxq-right {
margin-top: 30px;
}

.lnewxq-tuij-txt {
padding-top: 15px;
}

.lnewxq-tuij-txt h4 {
font-size: 16px;
}

.lnewsxq-p p {
font-size: 14px;
line-height: 22px;
}

.lnewsxq-fh {
padding: 5px 22px;
}

.lnewsxq {
padding: 40px 0 35px;
}

.lnewsxq-right.sctop {
position: static;
width: 100%;
}
}

@media (max-width: 640px) {
.lnewsxq-fh {
float: none;
}

.newxq-share {
float: none;
margin-top: 20px;
}
}
/* =================service============= */
.service {
background: #f3f3f3;
padding: 48px 0 70px;
}

.service-tit {
font-size: 30px;
line-height: 48px;
color: #333;
margin-bottom: 30px;
}

.service-one {
}

.service-one-tit {
font-size: 18px;
line-height: 48px;
color: #333;
font-weight: bold;
}

.service-one-con {
background: #fff;
width: 100%;
padding: 26px 28px 38px;
margin-bottom: 20px;
}

.service-one-con ul {
}

.service-one-con li {
float: left;
width: 33.3%;
}

.service-one-con li h3 {
font-size: 16px;
line-height: 45px;
color: #333;
}

.service-one-con li a {
display: block;
width: 100%;
font-size: 16px;
color: #666;
background: url(../image/service-emal.png)no-repeat top left;
padding-left: 36px;
transition: ease .5s;
word-break: break-all;
}

.service-one-con li a:hover {
color: #E62129;
}

.service-two {
padding-top: 42px;
}

.service-two-con {
position: relative;
padding-right: 92px;
display: inline-block;
}

.service-two-con img {
width: 276px;
height: 52px;
display: inline-block;
}

.service-two-con span {
display: inline-block;
font-size: 18px;
line-height: 48px;
color: #666;
margin-left: 20px;
position: absolute;
bottom: 0;
}

@media (max-width: 767px) {
.service-one-con li {
width: 100%;
margin-bottom: 10px;
}

.service-two-con img {
width: 190px;
height: 37px;
}

.service-tit {
font-size: 22px;
margin-bottom: 10px;
}

.service-one-con {
padding: 25px 20px 10px;
}

.service {
padding: 40px 0 35px;
}

.service-two {
padding-top: 10px;
}

.service-one-tit {
font-size: 17px;
line-height: 28px;
margin-bottom: 10px;
}

.service-one-con li h3 {
font-size: 15px;
line-height: 30px;
}

.service-one-con li a {
font-size: 14px;
line-height: 24px;
}
}

/* ============download=========== */
.download {
padding: 30px 0 80px;
}

.download-con {
}

.download-con ul {
margin-bottom: 40px;
}

.download-con li {
background: #f7f7f7;
margin-top: 10px;
transition: ease .5s;
}

.download-con li a {
display: block;
padding: 22px 30px;
}

.download-con li a h4 {
font-size: 20px;
color: #333;
float: left;
width: 22.85%;
line-height: 32px;
transition: ease .5s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.download-con li a span {
display: inline-block;
float: left;
width: 22.85%;
font-size: 16px;
line-height: 32px;
color: #888;
}

.download-con li a i {
display: block;
float: right;
width: 36px;
height: 36px;
background: url(../image/download-icon.png)no-repeat center;
}

.download-con li:hover {
transform: translateX(25px);
}

.download-con li:hover a h4 {
color: #E62129;
font-weight: bold;
}

@media (max-width: 767px) {
.download-con li a h4 {
width: 80%;
font-size: 16px;
line-height: 26px;
}

.download-con li a span {
display: none;
width: 0;
}

.download-con li a i {
width: 25px;
height: 25px;
background-size: cover;
}

.download-con li a {
padding: 10px 20px;
}

.download {
padding-bottom: 35px;
}

.download-con ul {
margin-bottom: 20px;
}
}

/* ============== jion============*/
.jion {
padding: 50px 0 60px;
}

.jion-menu {
}

.jion-menu li {
/*margin-bottom: 30px;*/
/* overflow-x: auto;
white-space: nowrap;*/
padding-bottom: 10px;
}

.jion-menu li::-webkit-scrollbar {
height: 2px;
background: #fff;
}

.jion-menu li::-webkit-scrollbar-thumb {
background-color: #c90606;
border-radius: 5px;
}

.jion-menu li a {
display: inline-block;
font-size: 16px;
color: #666;
transition: ease .5s;
border-bottom: 2px solid transparent;
margin-right: 40px;
margin-bottom: 20px;
}

.jion-menu li a:hover, .jion-menu li a.on {
color: #e62129;
border-color: #e62129;
}

.jion-menu li h3 {
font-size: 18px;
color: #333;
font-weight: bold;
float: left;
margin-right: 50px;
}

.jion-con {
margin: 30px -10px;
}

.jion-con li {
float: left;
width: 50%;
padding: 10px;
}

.jion-con li a {
display: block;
width: 100%;
background: #f6f6f6;
padding: 50px 30px;
transition: ease .5s;
}

.jion-tit {
margin-bottom: 40px;
}

.jion-tit h4 {
font-size: 24px;
color: #000;
float: left;
transition: ease .5s;
}

.jion-tit span {
font-size: 16px;
color: #666;
float: right;
background: url(../image/jion-map.png)no-repeat center left;
padding: 15px 0 4px 30px;
height: 28px;
}

.jion-con li p {
font-size: 16px;
color: #888;
display: inline-block;
}

.jion-con li i {
font-style: normal;
font-size: 16px;
color: #888;
display: inline-block;
margin-left: 5px;
line-height: 28px;
}
/* .jion-con li:hover a{transform: translateX(20px);} */
.jion-con li:hover .jion-tit h4 {
color: #E62129;
font-weight: bold;
}

@media (max-width: 767px) {
.jion {
padding: 40px 0 35px;
}

.jion-menu li {
margin-bottom: 0;
overflow-x: visible;
white-space: normal;
padding-bottom: 0;
}

.jion-con {
margin: 0 -10px 10px;
}

.jion-menu li a {
font-size: 14px;
margin-right: 20px;
margin-bottom: 15px;
}

.jion-menu li h3 {
font-size: 17px;
margin-right: 30px;
}
}

@media (max-width: 640px) {
.jion-con li {
float: none;
width: 100%;
}
}

/* ===============jionxq=============== */
.jionxq {
background: #f3f3f3;
padding: 50px 0 70px;
}

.jionxq-left {
float: left;
width: 74.42%;
background: #fff;
padding: 50px 30px;
}

.jionxq-right {
float: right;
width: 24.28%;
background: #fff;
padding: 30px 20px 10px;
}

.jionxq-left-tit {
border-bottom: 1px solid #efefef;
padding-bottom: 15px;
}

.jionxq-left-tit p {
font-size: 16px;
color: #666;
}

.jionxq-left-tit span {
font-size: 14px;
color: #888;
display: block;
margin-top: 30px;
}

.jionxq-left-con {
}

.jionxq-left-con ul {
margin-top: 30px;
}

.jionxq-left-con li {
font-size: 16px;
line-height: 32px;
color: #888;
}

.jionxq-left-con li:first-child {
font-size: 20px;
color: #333;
}

.jionxq-left-tit .jion-tit h4 {
font-weight: bold;
}

.jionxq-left-tit .jion-tit {
margin-bottom: 5px;
}

.jionxq-left-tit .jion-tit span {
margin-top: 0;
}

.jionxq-left-con a {
display: inline-block;
font-size: 16px;
line-height: 20px;
color: #fff;
background: #c90606;
padding: 10px 35px;
transition: ease .5s;
margin-top: 35px;
}

.jionxq-left-con a:hover {
background-color: #E62129;
}

.jionxq-right-tit {
font-size: 18px;
color: #333;
border-left: 3px solid #e62129;
font-weight: bold;
padding-left: 7px;
}

.jionxq-right li {
border-bottom: 1px solid #efefef;
padding: 20px 0;
}

.jionxq-right li:last-child {
border-bottom: none;
}

.jionxq-right li a {
display: block;
}

.jionxq-right li h3 {
font-size: 18px;
color: #000;
margin-bottom: 10px;
transition: ease .5s;
}

.jionxq-right li:hover h3 {
color: #E62129;
font-weight: bold;
}

.jionxq-right li p {
font-size: 14px;
color: #888;
}

@media (max-width: 992px) {
.jionxq-right {
float: none;
width: 100%;
margin-top: 20px;
}

.jionxq-left {
float: none;
width: 100%;
}
}

@media (max-width: 767px) {
.jionxq {
padding: 40px 0 35px;
}

.jion-tit span {
background-size: 16px 20px;
padding: 3px 0 4px 20px;
font-size: 15px;
}

.jion-tit h4 {
font-size: 17px;
line-height: 26px;
}

.jionxq-left-tit span {
margin-top: 10px;
}

.jionxq-left-tit .jion-tit {
margin-bottom: 10px;
}

.jionxq-left-con ul {
margin-top: 15px;
}

.jionxq-left {
padding: 30px 20px;
}

.jionxq-left-con a {
padding: 5px 16px;
font-size: 15px;
margin-top: 20px;
}

.jion-con li i {
margin-left: 0;
font-size: 14px;
}

.jion-con li p {
font-size: 14px;
}

.jion-tit {
margin-bottom: 20px;
}

.jion-con li a {
padding: 20px;
}

.jionxq-left-tit p {
font-size: 14px;
}

.jionxq-left-con li:first-child {
font-size: 16px;
}

.jionxq-left-con li {
font-size: 14px;
line-height: 22px;
}

.jionxq-right-tit {
font-size: 17px;
}

.jionxq-right li h3 {
font-size: 16px;
}
}

/* =============invest========== */
.invest {
padding: 20px 0 70px;
}

.invest-con {
}

.invest-con ul {
margin-bottom: 40px;
}

.invest-con li {
border-bottom: 1px solid #e4e4e4;
}

.invest-con li a {
display: block;
width: 100%;
padding: 21px 0;
}

.invest-con li h3 {
font-size: 16px;
color: #333;
float: left;
transition: ease .5s;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 85%;
}

.invest-con li span {
display: inline-block;
font-size: 14px;
color: #888;
float: right;
}

.invest-con li:hover h3 {
color: #E62129;
}

@media (max-width: 767px) {
.invest {
padding-bottom: 35px;
}

.invest-con li h3 {
max-width: 70%;
}

.invest-con ul {
margin-bottom: 20px;
}
}

/* ==========contact============= */
.contact {
padding: 66px 0 71px;
}

.contact-one {
padding-bottom: 40px;
}

.contact-one-p {
font-size: 16px;
line-height: 30px;
color: #666;
width: 77%;
}

.contact-one ul {
margin-top: 80px;
}

.contact-one li {
float: left;
width: 25%;
text-align: center;
}

.contact-icon {
width: 106px;
height: 106px;
margin: 0 auto;
position: relative;
border-radius: 50%;
border: 1px solid #dedede;
text-align: center;
line-height: 106px;
overflow: hidden;
transition: ease .5s;
margin-bottom: 20px;
}

.contact-icon img {
width: 45px;
height: 45px;
margin: 0 auto;
line-height: 106px;
display: inline-block;
}

.contact-icon1 {
transition: ease .5s;
top: 30%;
left: 29%;
position: absolute;
}

.contact-icon2 {
position: absolute;
top: 100%;
transition: ease .5s;
left: 29%;
}

.contact-one li:hover .contact-icon2 {
top: 30%;
left: 29%;
}

.contact-one li:hover .contact-icon1 {
top: -100%;
}

.contact-one li:hover .contact-icon {
background: #c90606;
border-color: #c90606;
}

.contact1-txt {
}

.contact1-txt span {
font-size: 20px;
line-height: 32px;
color: #333;
}

.contact-one li:last-child .contact1-txt span {
font-size: 16px;
}

.contact1-txt p {
font-size: 16px;
line-height: 32px;
color: #666;
}

.contact-two {
position: relative;
}

.contact2-left {
float: left;
width: 50%;
}

.contact2-right {
float: right;
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
overflow: hidden;
}

.contact2-right img {
width: 100%;
}

.contact2-left .swiper-slide img {
width: 100%;
}

.contact-swip-con {
font-size: 20px;
color: #fff;
text-align: center;
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
}

.contact2-left .swiper-button-next, .contact2-left .swiper-button-prev {
width: 18px;
height: 34px;
}

.contact2-left .swiper-button-next {
background: url(../image/down-right.png)no-repeat center right;
}

.contact2-left .swiper-button-prev {
background: url(../image/down-left.png)no-repeat center left;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .5 !important;
}


.contact-three {
padding-top: 76px;
}

.contact-tit {
font-size: 42px;
color: #333;
text-align: center;
}

.contact-input {
margin-top: 25px;
}

.contact-input1 {
margin: 0 -10px;
}

.contact-input1 > div {
float: left;
width: 50%;
padding: 0 10px;
}

.contact-input input {
font-size: 16px;
color: #666;
background: #f5f5f5;
padding: 18px 20px;
width: 100%;
margin-bottom: 20px;
}

.contact-input textarea {
font-size: 16px;
color: #666;
background: #f5f5f5;
padding: 18px 20px;
width: 100%;
min-height: 115px;
}

.contact-submit {
position: relative;
width: 166px;
height: auto;
transition: ease .5s;
margin: 0 auto;
margin-top: 29px;
transition: ease .5s;
}

.message-submit {
position: relative;
font-size: 16px;
color: #fff;
background: #c90606;
margin: 0 auto;
display: block;
padding: 16px 67px;
cursor: pointer;
transition: ease .5s;
}
/* .contact-submit::before{position: absolute; content: ""; width: 0;height: 100%; background: #e62129; top: 0; left: 50%; transform: translateX(-50%); transition: ease .5s;} */
/* .contact-submit:hover::before{width: 100%;} */
.contact-submit:hover .message-submit {
background: #e62129;
}

@media (max-width: 992px) {
.contact-one-p {
width: 100%;
}

.contact-one li {
width: 50%;
margin-top: 20px;
}
}

@media (max-width: 767px) {
.contact {
padding: 40px 0 35px;
}

.contact-one-p {
font-size: 14px;
line-height: 22px;
}

.contact-one ul {
margin-top: 0;
}

.contact-icon {
width: 80px;
height: 80px;
}

.contact-icon img {
width: 35px;
height: 35px;
}

.contact1-txt span {
font-size: 16px;
line-height: 28px;
}

.contact1-txt p {
font-size: 15px;
line-height: 24px;
}

.contact-one li:last-child .contact1-txt span {
font-size: 14px;
line-height: 22px;
}

.contact-tit {
font-size: 26px;
}

.contact2-left, .contact2-right {
float: none;
width: 100%;
position: inherit;
}

.contact-three {
padding-top: 40px;
}

.contact-input1 > div {
float: none;
width: 100%;
}

.contact-input input {
padding: 12px 20px;
font-size: 15px;
margin-bottom: 10px;
}

.contact-input {
margin-top: 20px;
}

.contact-input textarea {
font-size: 15px;
}

.message-submit {
padding: 10px 50px;
font-size: 15px;
}

.contact-submit {
width: auto;
margin-top: 20px;
}

.contact2-left .swiper-button-next, .contact2-left .swiper-button-prev {
width: 12px;
height: 28px;
}

.contact-swip-con {
font-size: 17px;
}
}
/* ================product================ */
.product {
background: #ededed;
padding-bottom: 60px;
}

.product-con {
margin: 38px -10px 20px;
}

.product-con li {
float: left;
width: 50%;
padding: 10px;
transition: ease .5s;
}
/* .product-con li:hover{transform: translateX(10px);} */
.product-con li a {
display: block;
width: 100%;
background: #fff;
padding: 44px 55px 51px;
position: relative;
overflow: hidden;
}

.product-img {
float: left;
width: 48.27%;
overflow: hidden;
height: 255px;
position: relative;
}

.product-img::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 120%;
border-radius: 100%;
z-index: 20;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
transform: scale(0) translateY(0);
}

.product-con li:hover .product-img::before {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
transform: scale(2) translateY(-25%)
}

.product-img img {
max-width: 100%;
transition: ease .5s;
}

.product-con li:hover .product-img img {
transform: scale(1.05);
}

.product-txt {
float: left;
width: 50%;
padding: 50px 0 50px 35px;
}

.product-txt h3 {
font-size: 22px;
color: #333;
margin-bottom: 16px;
transition: ease .5s;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.product-con li:hover .product-txt h3 {
color: #E62129;
font-weight: bold;
}

.product-txt p {
font-size: 15px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.product-txt span {
display: inline-block;
font-size: 15px;
color: #666;
background: url(../image/product-more.png)no-repeat center right;
padding-right: 26px;
margin-top: 40px;
transition: ease 1s;
}
/* .product-con li:hover .product-txt span{transform: rotateY(360deg);} */
.in2-block {
opacity: 1;
transition: ease .5s;
}

.pro-hover {
position: absolute;
width: 100%;
bottom: -100%;
height: 100%;
background: #e62129;
left: 0;
transition: all ease .5s;
padding: 21px;
z-index: 21;
text-align: center;
}


.pro-hover-cont {
position: relative;
width: 100%;
height: 100%;
padding-top: 70px;
}

.pro-hover-cont span {
font-size: 17px;
color: #fff;
display: block;
text-align: center;
margin-top: 30px;
font-weight: bold;
background: url(../image/53.png)no-repeat center bottom;
padding-bottom: 90px;
}

.product-con li:hover .pro-hover {
bottom: 0;
}

.product-con li:hover .in2-block {
opacity: 0;
}

.pro-hover-line {
position: absolute;
width: 94%;
height: 94%;
position: absolute;
left: 3%;
top: 3%;
}

.in2-line1 {
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: scale(0,1);
}

.in2-line2 {
border-right: 2px solid #fff;
border-left: 2px solid #fff;
transform: scale(1,0);
}

.in2-line1, .in2-line2 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
transition: opacity 0.6s, transform 0.6s;
transition-delay: 0.1s;
}

.product-con li:hover .in2-line1, .product-con li:hover .in2-line2 {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
}


.product-con li .pro-hover p, .product-con li .pro-hover h3 {
color: #fff !important;
}

.product-con li .pro-hover h3 {
margin-bottom: 20px;
margin-top: 0;
font-size: 22px;
color: #fff;
margin-bottom: 16px;
transition: ease .5s;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: bold;
}

.product-con li .pro-hover p {
font-size: 15px;
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

@media (max-width: 1460px) {
.product-img {
height: 211px;
}
}

@media (max-width: 1260px) {
.product-con li a {
padding: 36px 30px 51px;
}

.product-txt {
padding: 50px 0 0px 35px;
}

.product-img {
height: 176px;
}
}

@media (max-width: 992px) {
.product-img, .product-txt {
width: 100%;
float: none;
}

.product-txt {
padding: 20px 0 0;
min-height: 122px;
max-height: 122px;
}

.product-con li a {
padding: 36px 50px 51px;
}

.product-img {
height: 228px;
}
}

.product-con li {
}

@media (max-width: 767px) {
.product-con li {
padding: 5px;
}

.product-con {
margin: 35px -5px 20px;
}

.product-con li a {
padding: 30px 20px;
}

.product-txt h3 {
font-size: 17px;
}

.product-txt p {
font-size: 14px;
}

.product-txt span {
font-size: 14px;
margin-top: 20px;
}

.product {
padding-bottom: 35px;
}

.product-img {
height: 255px;
}
}

@media (max-width: 640px) {
.product-img {
height: 132px;
}
}

@media (max-width: 375px) {
.product-img {
height: 116px;
}
}

@media (max-width: 360px) {
.product-img {
height: 109px;
}
}

@media (max-width: 320px) {
.product-con li {
width: 100%;
float: none;
}

.product-img {
height: auto;
}
}
/* =================productxq =============*/
.productxq {
padding-top: 70px;
}

.productxq-one {
padding-bottom: 80px;
}

.productxq-swip {
position: relative;
padding: 0 300px;
}

.productxq-swip h3 {
font-size: 30px;
line-height: 50px;
color: #333;
text-align: center;
font-weight: bold;
margin-bottom: 30px;
display: none;
}

.productxq-swip .swiper-slide-active h3 {
display: block;
}

.productxq-swip .swiper-slide-active {
transform: translateY(-150px);
}

.productxq-swip .swiper-container {
padding-top: 150px;
}

.productxq-swip .swiper-slide img {
display: block;
margin: 0 auto;
opacity: .5;
transform: scale(0.6);
max-width: 125%;
}

.productxq-button-next, .productxq-button-prev {
width: 65px !important;
height: 65px !important;
border-radius: 50%;
transition: ease .5s;
background-size: cover !important;
}

.productxq-button-next {
background: url(../image/canshu-right.png)no-repeat center right;
background-image: url(../image/canshu-right.png) !important;
right: 60px !important;
}

.productxq-button-prev {
background: url(../image/canshu-left.png)no-repeat center left;
background-image: url(../image/canshu-left.png) !important;
left: 60px !important;
}

.productxq-button-next:hover {
background-image: url(../image/canshu-right1.png) !important;
}

.productxq-button-prev:hover {
background-image: url(../image/canshu-left1.png) !important;
}

.productxq-swip .swiper-slide-active img {
opacity: 1;
transform: scale(1);
}

.productxq-canshu {
}

.productxq-canshu ul {
background: #f5f5f5;
}

.productxq-canshu li {
float: left;
width: 50%;
border-right: 1px solid #e5e5e5;
text-align: left;
border-bottom: 3px solid transparent;
transition: ease .5s;
padding-left: 50px;
}

.productxq-canshu li:last-child {
border-right: none;
}

.productxq-canshu li a {
display: block;
font-size: 24px;
color: #333;
transition: ease .5s;
padding: 15px 0;
}

.productxq-canshu li:hover, .productxq-canshu li.on {
border-bottom-color: #c90606;
}

.productxq-canshu li:hover a, .productxq-canshu li.on a {
color: #c90606;
}

.canshu {
margin-top: 40px;
}

.canshu-one {
overflow-x: auto;
white-space: nowrap;
}

.canshu-one p {
}

.canshu-one.none {
display: none;
}

.canshu-one table {
}

.canshu-one tr {
}

.canshu-one td {
font-size: 16px;
line-height: 30px;
color: #666;
border: 1px solid #e5e5e5;
padding: 10px 22px;
white-space: normal;
}

.canshu-one td p {
}

.canshu-page {
margin-top: 30px;
}

.canshu-page a {
display: inline-block;
transition: ease .5;
}

.canshu-fh {
float: left;
font-size: 14px;
line-height: 20px;
color: #c90606;
border: 1px solid #c90606;
padding: 10px 39px;
}

.canshu-mo {
font-size: 14px;
line-height: 30px;
color: #666;
float: right;
padding: 6px 0;
max-width: 50%;
overflow: hidden;
}

.canshu-mo a {
margin-left: 15px;
float: right;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.canshu-mo a:hover {
color: #c90606;
font-weight: bold;
}

.peoductxq-tuij {
}

.peoductxq-tuij-tit {
font-size: 30px;
line-height: 50px;
color: #333;
}

@media (max-width: 1460px) {
.productxq-swip {
padding: 0 250px;
}
}

@media (max-width: 1260px) {
.productxq-swip {
padding: 0 150px;
}

.productxq-button-next, .productxq-button-prev {
background-size: 50px 50px !important;
}

.productxq-swip .swiper-slide img {
width: 100%;
}
}

@media (max-width: 992px) {
}

@media (max-width: 767px) {
.productxq-canshu li a {
font-size: 16px;
}

.productxq-swip {
padding: 0 0 35px;
}

.productxq-swip .swiper-container {
padding: 0;
}

.canshu-one td {
font-size: 14px;
line-height: 22px;
}

.canshu {
margin-top: 20px;
}

.canshu-fh {
font-size: 14px;
line-height: 22px;
padding: 5px 22px;
float: none;
margin: 0 auto;
display: block !important;
width: 102px;
text-align: center;
}

.canshu-mo {
float: none;
width: 100%;
margin-top: 10px;
max-width: 100%;
}

.canshu-mo a {
margin: 0;
width: 50%;
text-align: center;
}

.peoductxq-tuij-tit {
font-size: 24px;
line-height: 40px;
}

.productxq-one {
padding-bottom: 35px;
}

.productxq {
padding-top: 40px;
}

.productxq-swip .swiper-slide-active {
transform: none;
}
}

@media (max-width: 640px) {
.productxq-button-next, .productxq-button-prev {
background-size: 40px 40px !important;
}

.productxq-swip {
padding: 0 80px 35px;
}

.productxq-button-next {
right: 0 !important;
}

.productxq-button-prev {
left: 0 !important;
}

.productxq-swip h3 {
font-size: 19px;
line-height: 30px;
margin-bottom: 20px;
}

.productxq-swip .swiper-slide-active {
transform: none;
}
}
/* ==========about=========== */
@keyframes scale {
0% {
transform: scale(1);
}

50%,75% {
transform: scale(2.5);
}

78%,100% {
opacity: 0;
}
}

.about-banner {
height: 750px;
margin-top: 92px;
text-align: center;
padding-top: 50px;
}

.abbanner-cont {
width: 90%;
margin: 0 auto;
margin-top: 75px;
}

.abbanner-tit {
font-size: 50px;
color: #fff;
font-weight: bold;
margin-bottom: 40px;
}

.abbanner-solog {
font-size: 30px;
color: #fff;
}

.abbanner-solog span {
display: inline-block;
font-size: 16px;
color: #fff;
}

.abbanner-des {
font-size: 16px;
color: #fff;
line-height: 30px;
margin-top: 15px;
}

.abbanner-click {
}

.abbanner-click a {
display: block;
font-size: 16px;
color: #fff;
margin-top: 30px;
animation: more 1s linear infinite;
animation-direction: alternate;
}

.abbanner-click a.abouta-shou {
display: none;
}

.abbanner-click-a.su .abouta-shou {
display: block;
}

.abbanner-click-a.su .abouta-zk {
display: none;
}

.abbanner-click-a.zk .abouta-zk {
display: block;
}

.abbanner-click a i {
display: inline-block;
padding-left: 10px;
margin-top: 5px;
}

.abbanner-p {
font-size: 16px;
color: #fff;
display: none;
line-height: 30px;
}

.about {
}

.about-tit {
font-size: 50px;
color: #333;
}


.about-tit1 {
font-size: 35px;
color: #666;
width: 33.33%;
float: left;
display: inline-block;
text-align: center;
}

.about-tit1.on {
font-size: 50px;
color: #333;
margin-top: -10px;
}

.about-one {
padding-bottom: 90px;
}

.about-one > div {
position: relative;
margin-top: 71px;
}

.about1-vedio {
float: left;
width: 48.71%;
overflow: hidden;
/* margin-top: 41px; */
height: 495px;
}

.about1-vedio a {
display: block;
width: 100%;
height: 100%;
}

.about1-vedio img {
width: 100%;
transition: ease .5s;
height: 100%;
}

.about1-img {
position: relative;
transition: ease .5s;
height: 100%;
}

.about1-img::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: url(../image/about-bof.png)no-repeat center;
top: 0;
left: 0;
transition: ease .5s;
}

.about1-img::after {
content: '';
width: 60px;
height: 60px;
left: 46%;
top: 45%;
border-radius: 50%;
background-color: #fff;
opacity: 0.7;
animation: scale 2s infinite cubic-bezier(0,0,0.49,1.02);
animation-delay: 100ms;
transition: 0.5s all ease;
transform: scale(1);
transform: translateX(-50%) translateY(-50%);
position: absolute;
}

.about1-vedio:hover .about1-img::before {
top: 0;
}

.about1-right {
position: absolute;
right: 0;
bottom: 0px;
background-size: cover !important;
width: 50%;
height: 495px;
padding: 105px 70px;
}

.about1-right h3 {
font-size: 50px;
color: #fff;
font-weight: bold;
margin-bottom: 44px;
}

.about1-right li {
float: left;
font-size: 36px;
color: #fff;
margin-right: 70px;
}

.about1-right li:last-child {
margin-right: 0;
}

/*��Ƶ����*/
.msg-box-bg {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
display: none;
z-index: 10001;
background: rgba(0,0,0,0.5);
}

.msg-box {
width: 860px;
height: 524px;
padding: 50px;
background-color: #F3F3F3;
position: absolute;
left: 50%;
margin-left: -430px;
top: 0;
margin-top: -262px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.msg-box .close-box {
width: 38px;
height: 38px;
font-size: 30px;
color: #666;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.msg-box .close-box:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
/* */
.about-two {
padding-bottom: 80px;
}

.about-two-con {
margin-top: 35px;
}

.about2-left {
float: left;
width: 21.42%;
}

.fzlc-time {
}

.fzlc-time li.on {
margin-bottom: 20px;
}

.fzlc-time li a {
display: block;
width: 100%;
font-size: 20px;
color: #666;
line-height: 46px;
font-family: 'din-r';
font-style: italic;
position: relative;
}

.fzlc-time li.on a {
font-style: normal;
font-family: 'din-b';
font-size: 26px;
line-height: 30px;
color: #e62129;
padding-bottom: 25px;
}

.fzlc-time li a::before {
position: absolute;
content: "";
width: 11px;
height: 11px;
border-radius: 50%;
background: #e62129;
bottom: 0;
left: 0;
display: none;
}

.fzlc-time li a::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #E62129;
bottom: 6px;
left: 11px;
display: none;
}

.fzlc-time li.on a::before, .fzlc-time li.on a::after {
display: block;
}

.about2-right {
position: relative;
float: right;
width: 78.58%;
}

.about2-right::before {
position: absolute;
content: "";
width: 70px;
height: 100%;
background: #e62129;
left: 0;
top: 0;
}

.fzlc-cont {
}

.fzlc-cont.none {
display: none;
}

.fzlc-cont li {
position: relative;
}

.fzlc-cont li:first-child {
padding-top: 27px;
}

.fzlc-cont li span {
display: inline-block;
font-size: 20px;
color: #fff;
float: left;
padding: 0 12px;
}

.fzlc-p {
font-size: 16px;
color: #666;
line-height: 30px;
margin-left: 90px;
}

.fzlc-p p {
margin-bottom: 24px;
}

.about-three {
background-size: cover !important;
/*background-size: 100% 100% !important;*/
height: 650px;
padding: 160px 0 140px;
background-attachment: fixed !important;
}

.about3-left {
float: left;
width: 44.28%;
padding-top: 35px;
}

.about3-right {
float: right;
width: 43.57%;
}

.about3-left h2 {
font-size: 50px;
color: #fff;
font-weight: bold;
margin-bottom: 20px;
}

.about3-left h4 {
font-size: 30px;
color: #fff;
margin-bottom: 40px;
}

.about3-left p {
font-size: 16px;
line-height: 30px;
color: #fff;
/* height: 150px;*/
margin-bottom: 15px;
}

.about3-left .scrollbar {
height: 150px;
overflow-y: scroll;
}

.about3-right ul {
}

.about3-right li:first-child {
border-top: 0px solid rgba(255,255,255,0.8);
}

.about3-right li:nth-child(2) {
border-top: 0px solid rgba(255,255,255,0.8);
}

.about3-right li {
float: left;
width: 50%;
text-align: center;
border-top: 2px solid rgba(255,255,255,0.8);
padding: 50px 0 58px;
}

.about3-right li h3 {
font-family: 'mont';
font-size: 80px;
line-height: 80px;
color: #fff;
}

.about3-right li span {
}

.about3-right li em {
display: inline-block;
font-style: normal;
font-size: 20px;
font-weight: normal;
}

.about3-right li em.font {
font-size: 26px;
}

.about3-right li p {
font-size: 16px;
line-height: 16px;
color: #fff;
}

.about-four {
padding: 72px 0 72px;
}

.about-four .about-tit, .about-fiv .about-tit {
text-align: center;
}

.about4-con {
}

.about4-con ul {
/*display: none;*/
margin: 46px -60px 0;
}

.about4-con ul.on {
display: block;
}

.about4-con ul {
margin: 46px -60px 0;
}

.about4-con li {
float: left;
width: 25%;
cursor: pointer;
padding: 0 60px;
background: #fff;
transition: ease .5s;
position: relative;
transition: ease .5s;
margin-bottom: 20px;
}

.about4-con li img {
width: 100%;
display: block;
position: relative;
}

/*.about4-con li::before {
position: absolute;
content: "";
width: 0%;
box-shadow: 0 0 16px rgba(0,0,0,0.2);
height: 100%;
background: #fff;
top: 0;
left: 50%;
transition: ease .5s;
transform: translateX(-50%);
}*/

/*.about4-con li:hover::before {
width: 84.3%;
}*/

.about-fiv {
}

.about-fiv ul {
margin-top: 46px;
}

.about-fiv li {
float: left;
width: 10%;
cursor: pointer;
transition: ease .5s;
position: relative;
}

.about-fiv li.on {
width: 40%;
}

.about-fiv li img {
position: relative;
display: block;
}
/* .about-fiv li.on img{background: rgba(0,0,0,0.5);} */
.about-fiv li::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.5);
display: none;
z-index: 5;
}

.about-fiv li.on::before {
display: block;
}

.about-fiv li h3 {
font-size: 24px;
color: #fff;
}

.ab5-tit {
position: absolute;
width: 100%;
text-align: center;
left: 0;
bottom: 55px;
z-index: 6;
}

.about-fiv li.on .ab5-tit {
bottom: auto;
top: 29%;
padding: 0 136px;
}

.ab5-line {
width: 56px;
height: 3px;
background: #e62129;
margin: 0 auto;
margin-top: 25px;
display: none;
}

.about-fiv li.on .ab5-line {
display: block;
}

.ab5-p {
width: 100%;
display: none;
margin-top: 30px;
height: 145px;
padding-right: 40px;
}

.about-fiv li.on .ab5-p {
display: block;
}

.about-fiv li p {
font-size: 16px;
line-height: 30px;
color: #fff;
text-align: justify;
}

.about-six {
padding: 60px 0;
}

.about6-left {
float: left;
padding-top: 18px;
}

.about6-right {
float: right;
width: 60%;
}

.about6-left ul {
margin-top: 43px;
}

.about6-left li {
font-size: 16px;
color: #666;
margin-bottom: 23px;
line-height: 30px;
}

.ab6-icon {
float: left;
width: 19px;
height: 19px;
margin-right: 15px;
}

.ab6-icon img {
width: 100%;
}

.ab6-menu {
margin: 40px 0 0 !important;
}

.ab6-menu li {
width: 48%;
position: relative;
transition: ease .5s;
margin: 0 5px 10px;
float: left;
}

.ab6-menu a {
display: block;
width: 100%;
border: 1px solid #e5e5e5;
font-size: 16px;
color: #666;
padding: 12px 20px;
margin: 0px 0 0;
position: relative;
transition: ease .5s;
text-align: center;
}

.ab6-menu li::before {
position: absolute;
content: "";
width: 0;
height: 100%;
background: #e62129;
top: 0;
left: 50%;
transform: translateX(-50%);
transition: ease .5s;
}

.ab6-menu li:hover::before {
width: 100%;
}

.ab6-menu li:hover a {
color: #fff;
border-color: #e62129;
}

.about-map {
position: relative;
width: 100%;
}

.about-map img {
width: 100%;
}

.about6-right .ino-dot h3 {
color: #555;
font-size: 14px;
line-height: 36px;
}

.about6-right .ino-dot5 h3 {
color: #555;
font-size: 14px;
line-height: 36px;
margin-left: -50px;
}

.about6-right .ino-dot3 h3 {
color: #555;
font-size: 14px;
line-height: 36px;
}

.about6-right .ino-dot1 {
top: 165px;
left: 616px;
}

.about6-right .ino-dot::before, .about6-right .ino-dot::after {
top: -10px;
}

.about6-right .ino-dot1::before {
right: 0;
}

.about6-right .ino-dot1::after {
right: 10px;
}

.about6-right .ino-dot2 {
top: 171px;
left: 650px;
}

.about6-right .ino-dot2::before {
left: 0;
}

.about6-right .ino-dot2::after {
left: 10px;
}

.about6-right .ino-dot3 {
top: 220px;
left: 627px;
}

.about6-right .ino-dot3::before, .about6-right .ino-dot4::before {
right: 0;
}

.about6-right .ino-dot3::after, .about6-right .ino-dot4::after {
right: 10px;
}

.about6-right .ino-dot4 {
left: 650px;
top: 220px;
}

.about6-right .ino-dot5 {
left: 755px;
top: 180px;
}

.about6-right .ino-dot6 {
left: 386px;
top: 140px;
}

@media (max-width: 1460px) {
.about6-right {
width: 55%;
}

.about3-right li h3 {
font-size: 70px;
}

.about1-right li {
margin-right: 60px;
}

.about-fiv li.on .ab5-tit {
padding: 0 70px;
}

.about6-right .ino-dot1 {
top: 145px;
left: 473px;
}

.about6-right .ino-dot2 {
top: 150px;
left: 510px;
}

.about6-right .ino-dot3 {
top: 195px;
left: 485px;
}

.about6-right .ino-dot4 {
left: 515px;
top: 198px;
}

.about6-right .ino-dot5 {
left: 608px;
top: 152px;
}

.about6-right .ino-dot6 {
left: 306px;
top: 116px;
}

.about1-img::after {
left: 45.5%;
top: 44%;
}
}

@media (max-width: 1260px) {
.about6-right {
width: 100%;
}

.about3-right li h3 {
font-size: 55px;
line-height: 65px;
}

.about3-left {
padding-top: 0;
}

.about3-right li {
padding: 40px 0;
}

.about6-right .ino-dot1 {
top: 100px;
left: 317px;
}

.about6-right .ino-dot2 {
top: 104px;
left: 355px;
}

.about6-right .ino-dot3 {
top: 136px;
left: 333px;
}

.about6-right .ino-dot4 {
left: 363px;
top: 147px;
}

.about6-right .ino-dot5 {
left: 445px;
top: 133px;
}

.about6-right .ino-dot6 {
left: 215px;
top: 90px;
}

.ab5-p {
height: 210px;
}

.about-banner {
margin-top: 45px;
}

.about1-img::before {
background-size: 80px 80px;
}

.msg-box {
width: 800px;
height: 465px;
padding: 30px;
}

.msg-box .close-box {
width: 24px;
height: 24px;
font-size: 24px;
top: 5px;
right: 5px
}

.about1-right {
padding: 110px 45px;
}

.about1-right li {
margin-right: 35px;
}

.about-fiv li h3 {
font-size: 20px;
}

.about-fiv li.on .ab5-tit {
padding: 0 30px;
}

.about1-img::after {
left: 44.5%;
top: 42%;
}
}


@media (max-width: 992px) {
.about6-left, .about6-right {
float: none;
width: 100%;
}

.about6-right .ino-dot1 {
top: 45%;
left: 72%;
}

.about6-right .ino-dot2 {
top: 46%;
left: 76%;
}

.about6-right .ino-dot3 {
top: 56%;
left: 78%;
}

.about6-right .ino-dot4 {
left: 74%;
top: 56%;
}

.about6-right .ino-dot5 {
left: 91%;
top: 46%;
}

.about6-right .ino-dot6 {
left: 45%;
top: 36%;
}

.msg-box {
width: 600px;
height: 365px;
left: 63%;
}

.about1-vedio {
float: none;
width: 100%;
}

.about1-right {
position: static;
width: 100%;
margin-top: 20px;
}

.about1-right li {
margin-right: 70px;
}

.about4-con li {
width: 33.3%;
}

.about-fiv li.on {
width: 50%;
}

.about-fiv li {
width: 50%;
}

.about-three {
height: auto;
padding: 80px 0 50px;
}

.about3-left, .about3-right {
float: none;
width: 100%;
}

.about3-right {
margin-top: 20px;
}

.about3-left p {
/* overflow-y: scroll;*/
/* height: 150px;*/
}

.about1-img::after {
left: 45.5%;
top: 44%;
}
}

@media (max-width: 767px) {
.abbanner-cont {
width: 90%;
margin-top: 0px;
}

.abbanner-solog {
font-size: 22px;
}

.abbanner-tit {
font-size: 30px;
margin-bottom: 20px;
}

.abbanner-solog {
font-size: 18px;
margin-bottom: 10px;
}

.msg-box {
width: 80%;
left: 114%;
}

.about1-right h3 {
font-size: 26px;
margin-bottom: 20px;
}

.about1-right li {
font-size: 20px;
width: 25%;
margin: 0;
font-weight: normal;
}

.about1-right {
height: 180px;
padding: 55px 45px;
}

.about-tit {
font-size: 26px;
}

.about-tit1.on {
font-size: 26px;
}

.about-tit1 {
font-size: 18px;
}

.about2-left, .about2-right {
float: none;
width: 100%;
}

.about2-left {
margin-bottom: 20px;
}

.about3-left h2 {
font-size: 26px;
}

.about3-left h4 {
font-size: 20px;
margin-bottom: 20px;
}

.about3-right li h3 {
font-size: 32px;
line-height: 50px;
}

.about3-right li {
padding: 20px 0;
}

.about3-right li i.font {
font-size: 20px;
}

.about4-con li {
width: 50%;
}

.about-fiv li, .about-fiv li.on {
width: 100%;
}

.about-fiv li.on .ab5-tit, .about-fiv li .ab5-tit {
top: 14%;
padding: 0 30px;
}

.about-fiv li h3 {
font-size: 18px;
}

.ab5-line {
margin-top: 20px;
}

.ab5-p {
height: 110px;
margin-top: 25px;
padding-right: 10px;
display: block;
}

.about-fiv li p {
font-size: 14px;
line-height: 22px;
}

.about-fiv li img {
width: 100%;
}

.ab5-line {
display: block;
}

.about-fiv li::before {
display: block;
}

.about4-con li {
padding: 0 20px;
}

.about4-con ul {
margin: 20px 0 0;
}

.about6-right .ino-dot1 {
top: 41%;
left: 68.5%;
}

.about6-right .ino-dot2 {
top: 44%;
left: 77%;
}

.about6-right .ino-dot3 {
top: 56%;
left: 72%;
}

.about6-right .ino-dot4 {
left: 76%;
top: 56%;
}

.about6-right .ino-dot5 {
left: 92%;
top: 46%;
}

.about6-right .ino-dot6 {
left: 45%;
top: 37%;
}

.about6-left li {
margin-bottom: 10px;
}

.about3-left p, .fzlc-p, .about6-left li {
font-size: 14px;
line-height: 22px;
}

.fzlc-cont li span {
font-size: 16px;
}

.fzlc-time li.on a {
font-size: 22px;
}

.about6-left ul {
margin-top: 20px;
}

.ab6-menu {
margin-top: 20px !important;
}

.ab6-menu li {
width: 100%;
}

.ab6-menu a {
font-size: 15px;
padding: 8px 20px;
}

.abbanner-p {
/* display: block;*/
}

.abbanner-click a {
/* display: none;*/
}

.abbanner-des, .abbanner-p {
font-size: 14px;
line-height: 22px;
}

.about1-vedio {
margin-top: -100px;
height: auto;
}

.about1-img {
height: auto;
}

.about-banner {
padding: 80px 0 160px;
height: auto;
}

.about-one, .about-two {
padding-bottom: 35px;
}

.about-two-con {
margin-top: 20px;
}

.about-three, .about-four {
padding: 40px 0 15px;
}

.about-fiv ul {
margin-top: 20px;
}

.about-fiv {
padding: 40px 0 0px;
}

.about-six {
padding: 40px 0 25px;
}

.about1-img::before {
background-size: 60px 60px;
}

.about1-img::after {
left: 46.5%;
top: 45%;
width: 50px;
height: 50px;
}
}

@media (max-width: 640px) {
.about1-img::before {
background-size: 50px 50px;
}

.about1-img::after {
left: 45%;
top: 43%;
width: 40px;
height: 40px;
}

.about2-right::before {
width: 55px;
}
}


.fzlc-cont li span {
padding: 0 9px;
}

@media (max-width: 375px) {
.msg-box {
left: 124%;
}

.about1-img::after {
left: 44%;
top: 42%;
}
}

@media (max-width: 360px) {
.msg-box {
left: 129%;
}
}

@media (max-width: 320px) {
.msg-box {
left: 144%;
height: 300px;
}

.about1-img::after {
left: 43%;
top: 41%;
}
}

.service-one .con-dec {
font-size: 18px;
color: #666;
line-height: 26px;
margin-top: 15px;
margin-bottom: 15px;
padding: 0 10px;
}

.service-one .con-dec-h {
padding: 0;
}

.service-one .con-dec-h p {
margin-bottom: 10px;
font-size: 17px;
}

.canshu-one1-min {
font-size: 16px;
line-height: 30px;
color: #666;
border: 1px solid #c90606;
padding: 20px;
margin-top: 20px;
}

.canshu-one1 {
white-space: normal;
overflow: hidden;
padding: 0 20px;
}

.canshu-one1 p {
font-size: 16px;
line-height: 30px;
color: #333;
}


/* ==========2019.12.30 appsecond-nav========== */
/* ===============nav-second=========== */
.appsecond-nav {
position: relative;
display: none;
z-index: 200;
}

.bot {
position: absolute;
top: 48px;
background: #fff;
z-index: 10;
}

.se-bot {
width: 100%;
display: none;
}

.se-top {
height: 48px;
line-height: 48px;
border-bottom: solid 1px #d8d8d8;
position: relative;
}

.se-top1 {
background: #fff;
/* border-bottom: none !important; */
}

.se-top .se-a {
color: #444;
font-size: 16px;
display: block;
padding: 0px 20px;
}

.se-tig.P_tig {
font-size: 16px;
color: #333;
text-align: center;
transition: all .5s;
line-height: 48px;
width: 48px;
height: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

.se-btop {
height: 48px;
line-height: 48px;
}

.se-a1 {
color: #444;
font-size: 16px;
padding: 0px 20px;
display: block;
}

.se-a1.hover {
color: #fff;
background: #E62129;
border-bottom: solid 1px #fff;
}

.se-tig.P_tig.open {
transform: rotateZ(90deg);
opacity: 1;
}

.se-bottom {
display: none;
/*background: #E62129;*/
}

.se-bottom a {
display: block;
font-size: 14px;
color: #444;
border-bottom: solid 1px #d8d8d8;
padding: 10px 30px;
}

.se-bottom a:last-child {
/*border-bottom: none;*/
}

.se-bottom a.on {
font-weight: bold;
color: #E62129;
}

.se-btop .se-tig.P_tig {
color: #333;
}

.se-btop.active .se-tig.P_tig {
color: #fff;
}

.se-btop.active .se-a1 {
background: #E62129;
color: #fff;
border-bottom: 1px solid #fff;
}

.se-top.on .se-a1 {
background: #E62129;
color: #fff;
}

.seb-list:last-child .se-btop {
border-bottom: none;
}

@media(max-width:767px) {
.appsecond-nav {
display: block;
}

.product-menu, .produmenu-hover {
display: none;
}

.lmenu {
display: none;
}
}

/*20200109*/
.downdiv {
white-space: normal;
overflow: hidden;
padding: 0 20px;
}

.downclearfix {
}

.downclearfix li {
border: none;
margin-bottom: 20px;
}

.downclearfix li dl {
display: none;
}

.downclearfix li dl dd {
margin-top: 21px;
width: 100%;
}

.pos-re > a {
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 2;
}

.downclearfix li dl dd .img {
overflow: hidden;
width: 30px;
float: left;
margin-top: 3px;
}

.downclearfix li dl dd .img img {
width: 30px;
}

.downclearfix li dl dd .wenz {
padding: 0px 0 0 45px;
}

.downclearfix li dl dd h4 {
font-size: 14px;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.downclearfix li dl dd .fontp {
font-size: 12px;
line-height: 24px;
}

.downclearfix h3 {
font-size: 22px;
cursor: pointer;
display: inline-block;
/*background: url(/PC/images/xia.png) no-repeat right center;*/
background: url(../image/icos.png) no-repeat right center;
padding-right: 45px;
line-height: 28px;
color: #333;
font-size: 20px;
}

.downclearfix .cur {
background: url(../image/icos3.png) no-repeat right center;
}


@media (max-width: 768px) {
.downclearfix li {
border: none;
margin-bottom: 20px;
width: 100%;
padding-left: 0px;
}
}

/* 2020.1.09下载登录注册 */

.tc-box {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
display: none !important;
z-index: 10001;
background: rgba(0,0,0,0.5);
}

.tc-boxal {
width: 100%;
position: absolute;
top: 0;
left: 0;
margin-top: 20px;
}

.tc-box.ttop {
display: block !important;
}

.tanchuan {
width: 500px;
padding: 20px 50px 30px;
position: relative;
margin: 0 auto;
background: #fff;
}

.tc-close {
width: 30px;
height: 30px;
position: absolute;
top: 0px;
right: -50px;
cursor: pointer;
}

.tc-close em {
font-size: 30px;
color: #fff;
line-height: 30px;
margin-left: 0;
font-weight: lighter;
}

.tanchuan-logo {
width: 220px;
height: 57px;
margin: 0 auto;
}

.tanchuan-logo img {
width: 100%;
}

.tanchuan-login-menu {
text-align: center;
margin: 10px 0 20px;
}

.tanchuan-login-menu a {
display: inline-block;
font-size: 16px;
line-height: 36px;
color: #666;
margin: 0 25px;
}

.tanchuan-login-menu a.on {
color: #f3262f;
font-weight: bold;
border-bottom: 2px solid #f3262f;
}

.tanchuan-login {
}

.tanchuan11 {
display: none;
}

.tanchuan11.on {
display: block;
}

.tanchuan11 input {
display: block;
width: 48%;
font-size: 14px;
line-height: 28px;
color: #969696;
border: 1px solid #e4e4e4;
margin-top: 12px;
padding: 5px 20px 5px 40px;
margin: 1%;
float: left;
}

.tanchuan11 input.login-name {
background: url(../image/login-name_03.png)no-repeat center left 12px;
}

.tanchuan11 input.login-password {
background: url(../image/login-password_03.png)no-repeat center left 12px;
}

.tanchuan11 input.login-realname {
background: url(../image/login-realname_03.png)no-repeat center left 12px;
}

.tanchuan11 input.login-work {
background: url(../image/login-work_03.png)no-repeat center left 12px;
}

.tanchuan11 input.login-companyname {
background: url(../image/login-company_03.png)no-repeat center left 12px;
}

.tanchuan11 input.login-companynet {
background: url(../image/login-companynet_03.png)no-repeat center left 12px;
}

.tanchuan11 input.login-phone {
background: url(../image/login-phone_03.png)no-repeat center left 12px;
}

.tanchuan11 input.login-address {
background: url(../image/login-address_03.png)no-repeat center left 12px;
}

.tanchuan11 input.login-email {
background: url(../image/login-email_03.png)no-repeat center left 12px;
}

.tanchuan11 input.login-identif-code {
float: left;
width: 48%;
background: url(../image/login-identify_03.png)no-repeat center left 12px;
}

.login-identif {
}

.login-identif-img {
float: left;
margin-top: 4px;
height: 40px;
width: 40%;
margin-left: 8%;
}

.login-identif-img img {
height: 100%;
width: 100%;
}

.login-submit {
display: block;
font-size: 16px;
color: #fff;
line-height: 30px;
text-align: center;
width: 100%;
background: #e62129;
margin-top: 20px;
padding: 10px 0;
cursor: pointer;
}

.login {
padding: 90px 0px 20px;
}

.nav-menu {
transition: visibility 2s linear 2s;
-webkit-transition: visibility 2s linear 2s;
}

.login {
padding: 136px 0px 20px;
}

.login .tc-boxal.ttop {
position: static;
}

@media(max-width:992px) {
.tanchuan {
width: 400px;
}

.tanchuan-logo {
width: 180px;
height: auto;
}

.tanchuan-login-menu {
margin: 10px 0 20px;
}
}

@media(max-width:767px) {
.tanchuan {
width: 100%;
padding: 20px 20px 30px;
}

.tanchuan-logo {
width: 150px;
}

.tc-boxal {
position: static;
margin-top: 0;
}

.login-submit {
padding: 5px 0;
}

.login {
padding-top: 90px;
}
}

.lgts, .mlgts {
color: red;
text-align: center;
}



/* 2020.1.08 解决方案详情修改*/


.soluxq-achor {
padding-bottom: 34px;
border-bottom: 1px solid #d4d4d4;
margin-bottom: 37px;
}

.soluxq-achor a {
display: inline-block;
float: left;
width: 50%;
font-size: 16px;
line-height: 36px;
color: #666;
}

.soluxq-achor a.on, .soluxq-achor a:hover {
color: #e62129;
font-weight: bold;
}

.soluxq-achor a i {
color: #e62129;
font-weight: bold;
}

.soluxq-banner-cont span {
margin-bottom: 43px;
}

.soluxq-banner-cont p {
max-height: 150px;
}

.soluxq-banner-cont p::-webkit-scrollbar {
background: rgba(255,255,255,0.6);
}

.soluxq-banner-cont p::-webkit-scrollbar-thumb {
background: #e62129;
}

.anchor {
display: none !important;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 15px 0;
z-index: 490;
background: #fff;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
text-align: center;
display: none;
}

.anchor li {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}

.anchor li a {
display: block;
padding: 0 26px;
font-size: 14px;
line-height: 34px;
text-align: center;
color: #333;
border: 1px solid #dfdfdf;
border-radius: 20px;
transition: all .3s;
}

.anchor li.on a, .anchor li a:hover {
color: #e62129;
border-color: #e62129;
}

@media(max-width:1460px) {
.soluxq-banner-cont p {
max-height: 120px;
padding-right: 5px;
}

.soluxq-banner-txt {
width: 100%;
}
}

@media(max-width:1260px) {
.soluxq-banner-cont {
padding: 0 50px;
}

.anchor {
display: none !important;
}
}

@media(max-width:992px) {
.soluxq-banner-cont {
padding: 0 20px 0 40px;
}

.soluxq-banner-cont span {
margin-bottom: 20px;
}

.soluxq-achor {
margin-bottom: 20px;
padding-bottom: 20px;
}

.soluxq-banner-cont p {
max-height: 90px;
font-size: 14px;
line-height: 24px;
}

.soluxq-more {
margin-top: 30px;
}

.soluxq-achor a {
font-size: 16px;
line-height: 30px;
}
}

@media(max-width:767px) {
.soluxq-banner-cont p {
max-height: none;
}

.soluxq-banner-cont {
padding: 30px 0;
}
}




.soluxq-one .lbanner, .soluxq-banner {
height: auto;
}

.soluxq-banner-img {
float: left;
width: 50%;
}

.soluxq-banner-img img {
width: 100%;
}

.soluxq-more {
display: block;
}

.soluxq-banner-cont {
padding: 0 75px;
width: 50%;
position: absolute;
right: 0;
top: 0;
height: 100%;
}

@media(max-width:1560px) {
.soluxq-banner-cont p {
max-height: 90px;
}

.soluxq-achor {
margin-bottom: 20px;
padding-bottom: 20px;
}
}

@media(max-width:1260px) {
.soluxq-banner-cont span {
margin-bottom: 20px;
}
}

@media(max-width:1150px) {
.soluxq-banner-img {
float: none;
width: 100%;
}

.soluxq-banner-cont {
position: static;
width: 100%;
padding: 30px 0;
}

.soluxq-banner-cont p {
max-height: none;
}
}

@media(max-width:640px) {
.banner img.banner-app {
display: block;
height: 292px;
}

.banner img.banner-pc {
display: none;
}
}

.clearfix .address {
margin-left: 116px;
}

.clearfix .type {
margin-left: 116px;
}



/* 2020.2.12 */

.banner-font span {
line-height: 38px;
display: block;
width: 128px;
height: 38px;
text-align: center;
color: #fff;
font-size: 14px;
background: #e62129;
transition: all .5s;
/* margin-top: 50px;*/ float: left;
}

.banner-font span.ind {
line-height: 38px;
display: block;
width: 139px;
height: 38px;
text-align: center;
color: #fff;
font-size: 14px;
background: #f9d002d9;
transition: all .5s;
/*margin-top: 205px;*/
color: #7b1104;
border-radius: 5%;
}

.ind-banner2-line {
background: transparent;
}

.ind-banner3-span {
}

.banner-font h3.ind-banner3-h3 {
font-size: 60px;
}

.banner-font h5.ind-banner3-h5 {
font-size: 24px;
margin-top: 30px;
}

.banner-font h5.ind-banner3-h51 {
font-size: 20px;
margin-top: 20px;
color: #f9d002d9;
}

@media (max-width: 1260px) {
.banner-font h5.ind-banner3-h5 {
font-size: 18px;
line-height: 24px;
}

.banner-font h3.ind-banner3-h3 {
font-size: 30px;
line-height: 1;
}
}

@media (max-width: 767px) {
.banner-font span {
line-height: 35px;
height: 35px;
width: 100px;
font-size: 13px;
margin-top: 20px;
}
}


/* 2020.2.26 */

.walx li {
height: 150px;
line-height: 150px;
}


.walx li img {
display: initial;
max-height: 100%;
}

@media (max-width: 1460px) {
.walx li {
height: 120px;
line-height: 120px;
}

.lnewsxq-p p iframe {
width: 100% !important;
}
}

@media (max-width: 767px) {
.walx li {
height: 100px;
line-height: 100px;
}
}

@media (max-width: 640px) {

.banner-font {
display: none;
}
}

@media (max-width: 640px) {
.lnewsxq-p p.lnewsxq-p-vd .player-dimensions {
width: 100% !important;
height: 150px !important;
}
/* .lnewsxq-p p.lnewsxq-p-vd{height: 150px !important;overflow: hidden;} */
}

.nav-menu {
padding: 0;
}

.header-app.open-menu .nav-menu {
padding: 20px 15px;
}

.app-search {
opacity: 0;
transition: ease 1s;
height: 0;
}

.header-app.open-menu .app-search {
opacity: 1;
height: 40px;
}





.language {
width: 170px;
}

.language a {
color: #ffffff;
font-size: 16px;
margin: 0 10px;
}

.language a.on {
color: #e62129;
}


@media (max-width: 550px) {
.lnewsxq-p p iframe {
height: 300px !important;
}
}

@media (max-width: 414px) {
.lnewsxq-p p iframe {
height: 250px !important;
}
}



.linkedin {
background: url(../image/linkedin.png) no-repeat !important;
background-size: 22px 22px;
display: block !important;
height: 26px !important;
/* padding-left:30px !important; */
float: right;
}


.denglu input {
width: 98%;
}




.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}

.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}

.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}

.pagess ul li:hover a{color:#fff;}

.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}

.pagess ul li.thisclass a {color: #fff;}

.pagess ul li a{ display:block;color:#999}

.pagess ul li a:hover {color: #fff;}